var dropdownVisible = 2;
var dropdownTrigger = document.getElementById('productsDropdownTrigger');
var dropdownContent = document.getElementById("productDropdown_shadow");

function addProductDropdownEvents()
{
	if (dropdownTrigger != null)
	{
		if (window.addEventListener)
		{
			dropdownTrigger.addEventListener('mouseover', handleMouseOver, true);
			dropdownTrigger.addEventListener('mouseout', handleMouseOut, true);
		}	   
		if (window.attachEvent)
		{
			dropdownTrigger.attachEvent('onmouseover', handleMouseOver);
			dropdownTrigger.attachEvent('onmouseout', handleMouseOut);
		}
	}

	if (dropdownContent != null)
	{
		if (window.addEventListener)
		{
			dropdownContent.addEventListener('mouseover', handleMouseOver, true);
			dropdownContent.addEventListener('mouseout', handleMouseOut, true);
		}	   
		if (window.attachEvent)
		{
			dropdownContent.attachEvent('onmouseover', handleMouseOver);
			dropdownContent.attachEvent('onmouseout', handleMouseOut);
		}
	}
}

function handleMouseOver(e)
{
    dropdownVisible = 2;
    dropdownContent.style.display = "block";
    dropdownTrigger.className = "products_on";
    hideIE6DropDowns(true);
}

function handleMouseOut(e)
{
	dropdownVisible = 1;
    dropdownContent.style.display = "none";
    dropdownTrigger.className = "products_off";
    //changeContent('mouseout');
    hideIE6DropDowns(false);
    setTimeout( setDefaultView, 1000 );
}

function changeContent(whichcontent){
	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";
		}
	}
}

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

addProductDropdownEvents();