//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatusProduct = 0;

var popupProductOnSelectCallback;

//loading popup with jQuery magic!
function loadPopupProduct()
{
   //loads popup only if it is disabled
   if(popupStatusProduct==0)
   {
      if ( typeof hideIEUnfriendlyControls == 'function' )
         hideIEUnfriendlyControls();
      
      $("#backgroundPopupProduct").css({"opacity": "0.7"});
      
      $("#backgroundPopupProduct").fadeIn("slow");
   
      $("#popupProduct").fadeIn("slow");
   
      popupStatusProduct = 1;
      
      // pressing esc should close popup
      $(document).keypress(function(e)
      {  
         if(e.keyCode==27 && popupStatusProduct==1)
         {  
            disablePopupProduct();  
         }  
      }); 
   }
}

//disabling popup with jQuery magic!
function disablePopupProduct()
{
   //disables popup only if it is enabled
   if(popupStatusProduct==1)
   {
      $("#backgroundPopupProduct").fadeOut("slow");
      $("#popupProduct").fadeOut("slow");
      popupStatusProduct = 0;

      if ( typeof showIEUnfriendlyControls == 'function' )
         showIEUnfriendlyControls();
   }
}

//centering popup
function centerPopupProduct()
{
   //request data for centering
   var windowWidth  = document.documentElement.clientWidth;
   var windowHeight = document.documentElement.clientHeight;
   var popupHeight  = $("#popupProduct").height();
   var popupWidth   = $("#popupProduct").width();
   
   // centering
   $("#popupProduct").css(
      {  "position": "absolute",
         "top": 50,
         "left": windowWidth/2-popupWidth/2
      });
      
   //only need force for IE6

   $("#backgroundPopupProduct").css({"height": windowHeight});
}

function popupOnSelectProduct( productID )
{
  $('#popup-product-rhs').load( '/standard.popup.product.ChildrenDiv', { productCategoryID : productID } );
}

function showPopupProduct( callback )
{
   popupProductOnSelectCallback = callback;

   $('#popupProduct').load( '/standard.popup.product.ProductPopupDiv', {}, function(){
   
         centerPopupProduct();

         loadPopupProduct();
         
         var defaultProductID = $(".popup-product-selected").attr('productID');
         
         popupOnSelectProduct( defaultProductID );
         
   } );
}