// Enable javascript nav to hover over iframed elements
function iframeNavFix() {
	// Get all of the topnav elements
	var topNavItems = document.getelementsbyclassname('topnav');
	
	// For each anv element add onmouseover & onmouseout functions
	for(var i=0; i<topNavItems.length; i++)
	{
		topNavItems[i].onmouseover = hideIframes;
		topNavItems[i].onmouseout = showIframes;
	}
}

// Hide iframe items
function hideIframes() {
	// Get all elements with the "iframeNavFix"
	var elements = document.getelementsbyclassname("iframeNavFix");

	// For each element change it to a black div w/ same height and background
	for(var i=0; i<elements.length; i++)
	{
		// Get the iframe in this element
		var iframe = elements[i].getElementsByTagName("IFRAME");
		
		// Set parameters of this block before hiding iframe
		elements[i].style.backgroundColor = "#000000";
		elements[i].style.width = iframe[0].width;
		elements[i].style.height = iframe[0].height;
		
		// Hide iframe
		if( isIE() )
		{
			iframe[0].style.display = "none";
		}
		else
		{
			iframe[0].style.visibility = "hidden";
		}
	}
}

// Show iframe items
function showIframes() {
	// Get all elements with the "iframeNavFix"
	var elements = document.getelementsbyclassname("iframeNavFix");

	// For each element change it to a black div w/ same height and background
	for(var i=0; i<elements.length; i++)
	{
		// Get the iframe in this element
		var iframe = elements[i].getElementsByTagName("IFRAME");
					
		// Restore iframe
		if( isIE() )
		{
			iframe[0].style.display = "block";
		}
		else
		{
			iframe[0].style.visibility = "visible";
		}
	}
}


// Find out of this browser is IE
function isIE()
{
	return /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent);
}

document.getelementsbyclassname = function(clsName){ 
 var retVal = new Array(); 
 var elements = document.getElementsByTagName("*"); 
 for(var i = 0;i < elements.length;i++){ 
 if(elements[i].className.indexOf(" ") >= 0){ 
 var classes = elements[i].className.split(" "); 
 for(var j = 0;j < classes.length;j++){ 
 if(classes[j] == clsName) 
  retVal.push(elements[i]); 
 } 
 } 
 else if(elements[i].className == clsName) 
 retVal.push(elements[i]); 
 } 
 return retVal; 
}

// Fire this function on page load
window.onload = iframeNavFix;