﻿var containsVideo = false; // change to true from SilverlightMediaPlayer ctl.
var dropdownVisible = 2;
var silverlightPlayerRestartTimeout;

function addProductDropdownEvents(product_div, product_dropdown)
{
	if (product_div != null)
	{
		if (window.addEventListener)
		{
		    product_div.addEventListener('mouseover', handleMouseOver, true);
			product_div.addEventListener('mouseout', handleMouseOut, true);
		}	   
		if (window.attachEvent)
		{
			product_div.attachEvent('onmouseover', handleMouseOver);
			product_div.attachEvent('onmouseout', handleMouseOut);
		}
	}

	//var product_dropdown = document.getElementById("productDropdown");
	if (product_dropdown != null)
	{
		if (window.addEventListener)
		{
		    product_dropdown.addEventListener('mouseover', handleMouseOver, true);
			product_dropdown.addEventListener('mouseout', handleMouseOut, true);
		}	   
		if (window.attachEvent)
		{
			product_dropdown.attachEvent('onmouseover', handleMouseOver);
			product_dropdown.attachEvent('onmouseout', handleMouseOut);
		}
	}
}

function handleMouseOver(e)
{
    clearTimeout(silverlightPlayerRestartTimeout);
    dropdownVisible = 2;
    //var product_dropdown = document.getElementById("productDropdown");
    product_dropdown.style.display = "block";
    product_div.className = "products_on";
    hideIE6DropDowns(true);

    // hide silverlight video control if present on the page
    if (containsVideo == true)
        toggleMediaOff();
}

function handleMouseOut(e)
{
	dropdownVisible = 1;
    //var product_dropdown = document.getElementById("productDropdown");
    product_dropdown.style.display = "none";
    product_div.className = "products_off";
    hideIE6DropDowns(false);

    // show silverlight video control if present on the page
    if (containsVideo)
    {
        silverlightPlayerRestartTimeout = setTimeout("toggleMediaOn()", 100);
    }
}

/**
* Hide silverlight video control
*/
function toggleMediaOff()
{
    try
    {
        if (isDownLevelPlayerPaused != null)
        {
            var isDownLevelPlayerPaused = downlevelPlayerIsPaused; //save play/pause state of player
        }
        var cntr = $get("sl_container");
        cntr.className = "sl_off";
        if (!isMediaPlayerPaused())
        {
            pauseMediaPlayer();
            downlevelPlayerIsPaused = isDownLevelPlayerPaused; //restore the play/pause state of player
        }
    }
    catch (error)
    {
        try
        {
            if (isDownLevelPlayerPaused != null)
            {
                var isDownLevelPlayerPaused = downlevelPlayerIsPaused; //save play/pause state of player
            }
            var cntr = document.getElementById("sl_container");
            cntr.className = "sl_off";
            if (!isMediaPlayerPaused())
            {
                pauseMediaPlayer();
                downlevelPlayerIsPaused = isDownLevelPlayerPaused; //restore the play/pause state of player
            }
        }
        catch (error) { }
    }
}

/**
* Show silverlight video control
*/
function toggleMediaOn()
{
    try {
    var cntr = $get("sl_container");
    cntr.className = "sl_on";

        if (isMediaPlayerPaused() && !downlevelPlayerIsPaused)
        {
            startMediaPlayer();
        }
    }
    catch (error)
    {
        try
        {
            var cntr = document.getElementById("sl_container");
            cntr.className = "sl_on";
            if (!isMediaPlayerPaused() && !downlevelPlayerIsPaused)
            {
                startMediaPlayer();
            }
        }
        catch (error) { }
    }
}

//IE6 hack : <select/> elements always stay on top regardless of styling
function hideIE6DropDowns( hide ) {
	if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf("MSIE 6") >= 0 ) {
		var spanElements = document.getElementsByTagName( "span" );
		for (var i in spanElements) {
			if ( spanElements[i].className == "productsDDHide" ) spanElements[i].style.visibility = ( hide ) ? "hidden" : "inherit";
		}
		var selectElements = document.getElementsByTagName( "select" );
		for (var i in selectElements) {
			if ( selectElements[i].className == "dropDownText" ) selectElements[i].style.visibility = ( hide ) ? "hidden" : "inherit";
		}
	}
}