jQuery(document).ready(function() {
  jQuery.fn.centerLayer = function(){
    var window_scrolltop = Math.round(jQuery(window).scrollTop());
    var window_height    = Math.round(jQuery(window).height());
    var window_width     = Math.round(jQuery(window).width());
    var layer_height     = Math.round(jQuery(this).height());
    var layer_width      = Math.round(jQuery(this).width());

    jQuery(this).css({
      'top': window_scrolltop + ((window_height - layer_height)/2),
      'left': (window_width - layer_width) / 2
    });
  };
  
  jQuery('a.btn_danhmuc').bind('click', function(){
    jQuery(this).blur();        
    var overlay = jQuery('<div id="overlay" style="display:none;"></div>');
    var iframe = jQuery('<iframe id="danhmuc" src="/danhmuc.aspx"/>');
    overlay.bind('click', function(){
      jQuery('body').removeClass('danhmuc');
      jQuery(this).fadeOut('fast', function(){
        jQuery(this).remove();
      });
    });
    jQuery('body').append(overlay);    
    overlay.append(iframe);
    overlay.fadeIn('fast', function(){
      jQuery('body').addClass('danhmuc');
      jQuery('iframe#danhmuc').centerLayer();         
    });
    return false;
  });  
  
  //popup cho nut "bieu tuong"
  jQuery('a.btn_bieutuong').bind('click', function(){
    jQuery(this).blur();        
    var overlay = jQuery('<div id="overlay" style="display:none;"></div>');
    var iframe = jQuery('<iframe id="danhmuc" src="/bieutuong.aspx"/>');
    overlay.bind('click', function(){
      jQuery('body').removeClass('bieutuong');
      jQuery(this).fadeOut('fast', function(){
        jQuery(this).remove();
      });
    });
    jQuery('body').append(overlay);    
    overlay.append(iframe);
    overlay.fadeIn('fast', function(){
      jQuery('body').addClass('bieutuong');
      jQuery('iframe#danhmuc').centerLayer();         
    });
    return false;
  });  
  
  //popup cho nut "dang nhap"
  jQuery('a.btn_dangnhap').bind('click', function(){
    jQuery(this).blur();        
    var overlay = jQuery('<div id="overlay" style="display:none;"></div>');
    var iframe = jQuery('<iframe id="dangnhap" src="/login.aspx"/>');
    overlay.bind('click', function(){
      jQuery('body').removeClass('danhmuc');
      jQuery(this).fadeOut('fast', function(){
        jQuery(this).remove();
      });
    });
    jQuery('body').append(overlay);    
    overlay.append(iframe);
    overlay.fadeIn('fast', function(){
      jQuery('body').addClass('dangnhap');
      jQuery('iframe#dangnhap').centerLayer();         
    });
    return false;
  });  
  
  //popup cho nut "poster"
  jQuery('a.btn_poster').bind('click', function(){
    jQuery(this).blur();        
    var overlay = jQuery('<div id="overlay" style="display:none;"></div>');
    var iframe = jQuery('<iframe id="poster" src="/group/valentine/poster.jpg"/>');
    overlay.bind('click', function(){
      jQuery('body').removeClass('poster');
      jQuery(this).fadeOut('fast', function(){
        jQuery(this).remove();
      });
    });
    jQuery('body').append(overlay);    
    overlay.append(iframe);
    overlay.fadeIn('fast', function(){
      jQuery('body').addClass('poster');
      jQuery('iframe#poster').centerLayer();         
    });
    return false;
  });
});