/* Rollover menus for IE 6 */

function ie6MenuHover(){
	var navigation = document.getElementById('navigation');
	var navItems = navigation.getElementsByTagName('LI');
	var i;

	for(i=0; i< navItems.length; i++){
		if(navItems[i].className == 'mainnavitem'){
				navItems[i].onmouseover =showSubNav;
				navItems[i].onmouseout = hideSubNav;
		}
	}
}


function showSubNav(){
	this.className += ' showmenu';	
}
function hideSubNav(){
	var restoreClass = this.className;
	this.className = restoreClass.replace('showmenu','');
}

/* Adds corners to rails and home boxes */
var theChildElName = 'div';
var classNames = ['tr','tl','br','bl'];

function getKids(id,childEl){
	var el = document.getElementById(id);
	var els = el.getElementsByTagName(theChildElName);
	return els;
}
function corners(elId){
	var els = getKids(elId,theChildElName);
	var corner = new Array();
	for(var j=0; j<els.length; j++){
		for(var i=0; i<4; i++){
			corner[i] = document.createElement('u');	
			corner[i].className = classNames[i];
			document.getElementById(els[j].id).appendChild(corner[i]);
		}
	}
}


if(document.getElementById('rail')){corners('rail');}
if(document.getElementById('home-promos')){corners('home-promos');}

window.onload = ie6MenuHover;