$(document).ready(function(){

var idArray;
var idPrefix;
var panelID;


var popupHoverConfig = {
    over: function(event) {
        var linkID = $(this).attr("id");
        var contextKey = $(this).attr("contextKey");
        
        updateFailed = false;
        
        idArray = linkID.split("_");
        idPrefix = idArray[0] + "_" + idArray[1] + "_" + idArray[2] + "_";
        
        

        panelID = idPrefix + "pnlMiniPopup";
        var divPopupOutLineID = idPrefix + "divPopupOutLine"; 
        var spanID = idPrefix + "lblPopupHtml"; 
        var panelPosition = $("#" + panelID).position();
        
        var parentControlName = $(this).attr("parentControlName");
     
        var windowY = f_clientHeight();
        var availSpace = 290;     
        
        var windowHeight = $(window).height();
        var windowWidth = $(window).width();
        var halfWindowWidth = Math.round(windowWidth/2);
       
        var popupHeight = $("#" + panelID).outerHeight(true);
        var popupWidth = $("#" + panelID).outerWidth(true);
        var halfPopupWidth = Math.round(popupWidth/2);
        
        var centerscreen = halfWindowWidth - halfPopupWidth;
        
        if(centerscreen < 0)
        {
            centerscreen = 0;
        }
        
        var offsetBelow = 10;      
        var offsetAbove = -10;     

        switch(parentControlName)
        {
            case "ProductList":
                if(windowHeight - event.clientY > popupHeight)
                {
                    $("#" + panelID).attr("class", "ProdMiniPopupOuterLineDown");
                    $("#" + panelID).css({top: event.pageY, left: event.pageX, zIndex: 1000});
                }
                else
                {
                    $("#" + panelID).attr("class", "ProdMiniPopupOuterLineUp");
                    $("#" + panelID).css({top: event.pageY-popupHeight, left: event.pageX, zIndex: 1000});
                }
            break;
            
            case "SearchEndeca":
                if(windowHeight - event.clientY > popupHeight)
                {
                    $("#" + panelID).attr("class", "ProdMiniPopupOuterLineDown");
                    $("#" + panelID).css({top: event.pageY, left: event.pageX, zIndex: 1000});
                }
                else
                {
                    $("#" + panelID).attr("class", "ProdMiniPopupOuterLineUp");
                    $("#" + panelID).css({top: event.pageY-popupHeight, left: event.pageX, zIndex: 1000});
                }
            break;
            
            case "ProductGrid":
                if(windowHeight - event.clientY > popupHeight)
                {
                    $("#" + panelID).css({top: event.pageY + offsetBelow, left: centerscreen, zIndex: 1000});
//                    if(event.pageX + popupWidth > windowWidth)
//                    {
//                        $("#" + panelID).css({top: event.pageY + offsetBelow, left: event.pageX - popupWidth, zIndex: 1000});
//                    }
//                    else
//                    {
//                        $("#" + panelID).css({top: event.pageY + offsetBelow, left: event.pageX, zIndex: 1000});
//                    }
                }
                else
                {
                    $("#" + panelID).css({top: event.pageY - popupHeight + offsetAbove, left: centerscreen, zIndex: 1000});
//                    if(event.pageX + popupWidth > windowWidth)
//                    {
//                        $("#" + panelID).css({top: event.pageY - popupHeight + offsetAbove, left: event.pageX - popupWidth, zIndex: 1000});
//                    }
//                    else
//                    {
//                        $("#" + panelID).css({top: event.pageY - popupHeight + offsetAbove, left: event.pageX, zIndex: 1000});
//                    }
                }
            break;
        }
        
        $.ajax({
          url: "/partsbandit/AjaxWebService.asmx/UpdatePopupContent",
          type: 'POST',
          data: "contextKey=" + contextKey,
          contentType: 'application/x-www-form-urlencoded',   
          dataType: 'html',
          success: function(contentHTML) {
            $("#" + spanID).html($('<div/>').html(contentHTML).text());   
            $("#" + panelID).show();
          },
          error: function(xhr, textStatus, errorThrown) { 
            $("#" + panelID).hide();
           }
        }); 
      },
    out: function() {
      $("#" + panelID).hide();
    },
    timeout: 1
};

$("a.popupClass").hoverIntent(popupHoverConfig); 



});  //$(document).ready(function()