//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 );

   } );
}