﻿var containsVideo = false; // change to true from SilverlightMediaPlayer ctl.
var dropdownVisible = 2;
var silverlightPlayerRestartTimeout;

function addProductDropdownEvents()
{
	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_shadow");
	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_shadow");
    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_shadow");
    product_dropdown.style.display = "none";
    product_div.className = "products_off";
    changeContent('mouseout');
    hideIE6DropDowns(false);
    setTimeout(setDefaultView, 1000);

    // 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) { }
    }
}

function changeContent(whichcontent){
	if(whichcontent=='mouseout')
	{
//################ need to set a delay to reset to default after a period of time #####################
//		if (document.all||document.getElementById){
//			cross_el = document.getElementById ? document.getElementById("screenshots") : document.all.screenshots;
//			cross_el.innerHTML='';
//			cross_el = document.getElementById ? document.getElementById("descriptions") : document.all.descriptions;
//			cross_el.innerHTML='';
//		}			
//		if(document.getElementById("productDropdownDefault"))
//			document.getElementById("productDropdownDefault").style.display="block";		
	}
	else
	{
		if(document.getElementById("productDropdownDefault"))
			document.getElementById("productDropdownDefault").style.display="none";

		if(document.getElementById("productDropdownProductView"))
			if(document.getElementById("productDropdownProductView").style.display="none")
				document.getElementById("productDropdownProductView").style.display="inline";
		
		if(document.getElementById("productDropdownScreenshot"))
			if(document.getElementById("productDropdownScreenshot").style.display="none")
				document.getElementById("productDropdownScreenshot").style.display="inline";
		
			
		if (document.all||document.getElementById){
			cross_el = document.getElementById ? document.getElementById("screenshots") : document.all.screenshots;
			cross_el.innerHTML=whichcontent;
		}
	}
}

function changeDesc(whichdesc){
	if (document.all||document.getElementById){
	    cross_el = document.getElementById ? document.getElementById("descriptions") : document.all.descriptions;
	    cross_el.innerHTML=whichdesc;
	}
	else if (document.layers){
	    document.d3.document.d4.document.write(whichdesc);
	    document.d3.document.d4.document.close();
	}
}

function changeLogo(whichdesc){
	if (document.all||document.getElementById){
	    cross_el = document.getElementById ? document.getElementById("logos") : document.all.descriptions;
	    cross_el.innerHTML=whichdesc;
	}
}

//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";
		}
	}
}

function setDefaultView(){
	if (dropdownVisible == 1)
	{
		if(document.getElementById("productDropdownDefault"))
			document.getElementById("productDropdownDefault").style.display="inline";
		if(document.getElementById("productDropdownProductView"))
			document.getElementById("productDropdownProductView").style.display="none";
		if(document.getElementById("productDropdownScreenshot"))
			document.getElementById("productDropdownScreenshot").style.display="none";				
	}
} 