/* === XHTML COMPATABILITY === */

onLoadFuncs = new Array();
function addOnLoad(func){
	onLoadFuncs[onLoadFuncs.length] = func;
}
function runOnLoad(){
	for(i in onLoadFuncs){
		eval(onLoadFuncs[i]+"()");
	}
}


/* === INITIATE DROPDOWNS  === */

if (typeof(is_mainpage) != "undefined") {
    if (document.all) {
        var myOffset = 4;
    } else {
        var myOffset = -6;
    }
    myXoffset = 134;
} else {
    if (document.all) {
        var myOffset = 4;
    } else {
        var myOffset = -6;
    }
    myXoffset = 258;
}
    

// the number you pass to initLeft doesn't matter since it will get changed onactivate

// ypSlideOutMenu(ID, direction, left, top, width, height)

var mm1 = new ypSlideOutMenu("menu1", "left", 500, (myXoffset), 180, 200)
var mm2 = new ypSlideOutMenu("menu2", "left", 487, (myXoffset+30), 180, 200)
var mm3 = new ypSlideOutMenu("menu3", "left", 487, (myXoffset+60), 180, 200)
var mm4 = new ypSlideOutMenu("menu4", "left", 487, (myXoffset+90), 180, 200)

mm1.onactivate = repositionMenu
mm2.onactivate = repositionMenu
mm3.onactivate = repositionMenu
mm4.onactivate = repositionMenu

window.onresize = repositionMenu

function repositionMenu() {
	var newLeft = getWindowWidth() / 2 + myOffset;
	mm1.container.style ? mm1.container.style.left = newLeft + "px" : mm1.container.left = newLeft;
	mm2.container.style ? mm2.container.style.left = newLeft + "px" : mm2.container.left = newLeft;
	mm3.container.style ? mm3.container.style.left = newLeft + "px" : mm3.container.left = newLeft;
	mm4.container.style ? mm4.container.style.left = newLeft + "px" : mm4.container.left = newLeft;
}


/* === ONLOAD ACTIONS  === */

window.onload = runOnLoad;

if(document.getElementsByTagName){
	//addOnLoad("init_dropdowns");
}