/*
	DUsiteJavaScript.js
	
	creates dropdown menus in DU website main navigation 
	during mouseover events and onfocus events (tab through)
	
	Also loads flash objects to address the IE Active X warning
	issue
	
Author: Joe Bondra
Last Modified: 7-17-2007
*/
//debug-----------------------
	//debug variables here if necessary
//end debug-------------------

//globals---------------------
var ddmenuLinks = new Array();

ddmenuLinks[0] = "about_link";
ddmenuLinks[1] = "newsandevents_link";
ddmenuLinks[2] = "whatweoffer_link";
ddmenuLinks[3] = "showcase_link";
//end globals-----------------

window.onload = init;

function init() {
	
	for(var i = 0; i < ddmenuLinks.length; i++) {
		var ddmenuLink = document.getElementById(ddmenuLinks[i]);
		
		//set on mouseover/onmouseout for <li> elements
		ddmenuLink.parentNode.onmouseover = showSublinksOnMouseOver;
		ddmenuLink.parentNode.onmouseout = hideSublinksOnMouseOut;
		
		//set onfocus event for <a> elements for tab through
		ddmenuLink.onfocus = showSublinksOnFocus;
	}
	
	/*
		Something of a hack.  Since "home" and "blog" 
		currently don't have sublinks, will set them to hide
		all sublinks onfocus and onmouseover to iron out 
		the tab through
	*/
	var homeLink = document.getElementById("home_link");
	var blogLink = document.getElementById("blog_link");
	
	homeLink.onfocus = hideAllSublinks;
	homeLink.onmouseover = hideAllSublinks;
	
	blogLink.onfocus = hideAllSublinks;
	blogLink.onmouseover = hideAllSublinks;
	
	/*
		The following code is just a hack to run at window.onload
		to load flash objects into IE, due to the Active X warning
		issue
		
		7-17-2007: This block of code is no longer needed due to the use of UFO
	*/
	
	/*
	var browser = navigator.appName;
	var browserVersion = navigator.appVersion;
	
	browserVersion = parseFloat(browserVersion);
	
	if(browser == "Microsoft Internet Explorer") {
		
		var featureFlash = document.getElementById("DUfeatures");
		
		if(featureFlash != null) {
			featureFlash.innerHTML = "<object type=\"application/x-shockwave-flash\" data=\"featureReel_20070426.swf\" width=\"477\" height=\"225\"><param name=\"movie\" value=\"featureReel_20070426.swf\" /><param name=\"wmode\" value=\"transparent\" /></object><span id=\"DUfeatures_nonflash_link\"><a href=\"features.html\">view non-flash version</a></span>";
		}
		
	
		var staffFlash = document.getElementById("DUspinningheads");
		
		if(staffFlash != null) {
			staffFlash.innerHTML = "<object type=\"application/x-shockwave-flash\" data=\"DUStaff.swf\" width=\"432\" height=\"288\"><param name=\"movie\" value=\"DUStaff.swf\" /><param name=\"wmode\" value=\"transparent\" /></object><span id=\"DUspinningheads_nonflash_link\"><a href=\"features.html\">view non-flash version</a></span>";
		}
		
	}
	*/	
}

function showSublinksOnMouseOver() {
	//hide any sublinks showing from previous tab throughs
	hideAllSublinks();
	
	var sublinks = this.getElementsByTagName("div")[0];
	
	if(sublinks != null) {
		sublinks.style.width = "150px";
		sublinks.style.height = "auto";
		sublinks.style.top = "20px";
		sublinks.style.left = "auto";
		sublinks.style.overflow = "visible";
	}
}

function hideSublinksOnMouseOut() {
	var sublinks = this.getElementsByTagName("div")[0];
	
	if(sublinks != null) {
		sublinks.style.width = "1px";
		sublinks.style.height = "1px";
		sublinks.style.top = "-1000px";
		sublinks.style.overflow = "hidden";
	}
}

function showSublinksOnFocus() {
	//hide any sublinks displayed by previous tab throughs
	hideAllSublinks();
	
	var sublinks = this.parentNode.getElementsByTagName("div")[0];
	
	if(sublinks != null) {
		sublinks.style.width = "150px";
		sublinks.style.height = "auto";
		sublinks.style.top = "20px";
		sublinks.style.left = "auto";
		sublinks.style.overflow = "visible";
	}
}

function hideAllSublinks() {
	//the only divs currently nested in DUsectionlinks are of class "sublink"
	var sectionLinks = document.getElementById("DUsectionlinks");
	
	var sublinkDivs = sectionLinks.getElementsByTagName("div");
	
	if(sublinkDivs != null) {
		for(var i = 0; i < sublinkDivs.length; i++) {
			if(sublinkDivs[i].className == "sublinks") {
				sublinkDivs[i].style.width = "1px";
				sublinkDivs[i].style.height = "1px";
				sublinkDivs[i].style.top = "-1000px";
				sublinkDivs[i].style.overflow = "hidden";
			}
		}
	}
}