var BaseURL;
var height, width;
//var browse, browse_MO, prodindex, prodindex_MO, xref, xref_MO, partsbreakdown, partsbreakdown_MO
//var browseLG, browse_MOLG, prodindexLG, prodindex_MOLG, xrefLG, xref_MOLG, partsbreakdownLG, partsbreakdown_MOLG, canadianpriceLG, canadianprice_MOLG

		          
/// <summary>
///     This function adds properties to the Event object to make it compliant with the W3C specification.
/// </summary>
/// <remarks></remarks>
GetEvent = function()
{
    var event;
          
    if(window.event)
    {
        event = window.event;
              
        event.charCode = (event.type == "keypress") ? event.keyCode : 0;
        event.eventPhase = 2;
        event.isChar = (event.charCode > 0);
        event.pageX = event.clientX + document.body.scrollLeft;
        event.pageY = event.clientY + document.body.scrollTop;
        event.preventDefault = function () { event.returnValue = false; };

        if (event.type == "mouseout") {
            event.relatedTarget = event.toElement;
        } else if (event.type == "mouseover") {
            event.relatedTarget = event.fromElement;
        }
                
        event.target = event.srcElement;
        event.time = (new Date).getTime();
    }
          
    return event;
}

/// <summary>
///     Displays the productline summary in the tooltip.
/// </summary>
/// <remarks></remarks>
function ShowProductLineToolTip()
{   
    var element;
    var toolTipTop;
    var toolTipLeft;
    var productLineID;
    
    if(event.srcElement != null)
    {
        element = window.event.srcElement;
    }
    else
    {
        element = event.target;
    }
    
    productLineID = element.id.substr(element.id.indexOf("ProductLineImage") + 16);
    
    offset = $("#" + element.id).offset();
    
    toolTipTop = offset.top;
    toolTipLeft = offset.left + ($("#" + element.id).width() + 5);
    
    $("#ToolTipDiv:hidden").css({backgroundColor:"White", top:toolTipTop, left:toolTipLeft});
    window.setTimeout("$('#ToolTipDiv:hidden').show('slow')", 2000);
    $('#ToolTipDiv:hidden').load('TestAjax.aspx', {ProductLineId: productLineID});
}

/// <summary>
///     removes the productline summary in the tooltip.
/// </summary>
/// <remarks></remarks>
function HideProductLineToolTip()
{
    $("#ToolTipDiv").hide();
    $("#ToolTipDiv").empty();
}

function SetCssClass(element, newClass)
{
    $("#" + element.id).toggleClass(newClass);
}