//////////////////////////////////////////
// Product Image
//////////////////////////////////////////

function SetColorDesc(colorDesc) //Onclick make the desc stay
{
    if (colorDesc != "" && document.getElementById("availableColorDesc") !== undefined) 
    {
        document.getElementById("availableColorDesc").innerHTML = "Available Colors (" + colorDesc + ")";
    }
}

function displayMediaPopup(productID)
{
	window.open("../Popups/VideoPlayer.aspx?ProductID=" + productID, "AutoAnything Media Player", "width=738, height=542, resizable=no, scrollbars=no, directories=no, status=no, toolbar=no, menubar=no, location=no", "");
}

function displayPopup(groupNumber)
{
    var largeImageID = document.getElementById("LargeImageID");
    var productID = document.getElementById("ProductID");

    if (document.getElementById("IsVariantMedia").value == 0) 
    {
        window.open("../GenericPages/ProductImage.aspx?GroupID=" + groupNumber + "&ImageID=" + largeImageID.value + "&ProductID=" + productID.value, "large_image");
    }
    else 
    {
        window.open("../GenericPages/ProductImage.aspx?GroupID=" + groupNumber + "&ImageID=" + largeImageID.value + "&ProductID=" + productID.value + "&IsVariantMedia=1", "large_image");
    }
}

function displayDashKitsPopup(url) 
{
    window.open(url, "dashkits_large_image");
}

function ChangeProductImage(imageUrl, imagePath, largeImageMediaID) 
{
    if (imagePath != "") 
    {
        var productImage = document.getElementById("productImageFileName");
        productImage.src = imageUrl + imagePath;
        var largeImageID = document.getElementById("LargeImageID");
        largeImageID.value = largeImageMediaID;
    }
}

function OnMouseOutRelated() 
{
    var LargeImagePath = document.getElementById("LargeImagePath").value;
    var productImage = document.getElementById("productImageFileName");
    productImage.src = LargeImagePath;
}

function OnMouseOverRelated(NewImagePath) 
{
    var productImage = document.getElementById("productImageFileName");
    productImage.src = NewImagePath;
}

var isDOMReady = false;

(function() 
{
    var body = document.getElementsByTagName("body")[0];
    if (body == undefined) 
    {
        body = document.getElementsByTagName("body");
    }
    
    var bodyId = body.id || (body.id = "myBody");
    
    YAHOO.util.Event.onContentReady(bodyId, function() { isDOMReady = true; });
})();

// Hover
YAHOO.namespace("op.panel");
YAHOO.op.panel.panels = [];

function ShowImagePopup(groupNumber) 
{
    if (isDOMReady == true) 
    {
        var image = document.getElementById("image" + groupNumber);
        if (image.src == "") 
        {
            var hiddenImage = document.getElementById("hiddenImage" + groupNumber);
            image.src = hiddenImage.value;
        }

        var popupImage = document.getElementById("div" + groupNumber);
        var relatedImage = document.getElementById("relatedImage" + groupNumber);
        popupImage.style.display = "block";
        popupImage.style.zIndex = "99";

        if (navigator.appName == 'Microsoft Internet Explorer' && navigator.appVersion.indexOf('MSIE 6') != -1) 
        {
            if (YAHOO.op.panel.panels["div" + groupNumber] == null) 
            {
                YAHOO.op.panel.panel = new YAHOO.widget.Panel("div" + groupNumber,
															{
															    xy: [211, 840],
															    width: "350px",
															    constraintoviewport: false,
															    close: false,
															    visible: false,
															    draggable: false
															}
														   );
                YAHOO.op.panel.panel.render();
                YAHOO.op.panel.panels["div" + groupNumber] = YAHOO.op.panel.panel;
            }
        }
        else if (YAHOO.op.panel.panels["div" + groupNumber] == null) 
        {
            YAHOO.op.panel.panel = new YAHOO.widget.Panel("div" + groupNumber,
														{
														    context: ["relatedImage" + groupNumber, "bl", "br"],
														    width: "350px",
														    constraintoviewport: false,
														    close: false,
														    visible: true,
														    draggable: false
														}
													   );
            YAHOO.op.panel.panel.render();
            YAHOO.op.panel.panels["div" + groupNumber] = YAHOO.op.panel.panel;
            YAHOO.op.panel.panel.show();
        }
        else 
        {
            YAHOO.op.panel.panels["div" + groupNumber].show();
        }
    }
}

function HideImagePopup(groupNumber, e) 
{
    if (!e) 
    {
        e = window.event;
    }

    if ((e.explicitOriginalTarget != null && e.explicitOriginalTarget.offsetParent != null && e.explicitOriginalTarget.offsetParent.nextSibling != null &&
	    e.target.id == "relatedImage" + groupNumber && e.explicitOriginalTarget.offsetParent.nextSibling.className == "underlay") ||
	    (e.explicitOriginalTarget != null && e.explicitOriginalTarget != null && e.explicitOriginalTarget.parentNode != null &&
	    e.target.id == "relatedImage" + groupNumber && e.explicitOriginalTarget.parentNode.className == "avHeader")) 
	{
        return;
    }

    if (isDOMReady == true) 
    {
        document.getElementById("div" + groupNumber).style.display = "none";

        if ('undefined' != typeof (YAHOO.op.panel.panels["div" + groupNumber])) 
        {
            YAHOO.op.panel.panels["div" + groupNumber].hide();
        }
    }
}