//////////////////////////////////////////////////////////////////////////
// positioning dropdown menus + selecting CSS external file


// HOW TO USE AND MODIFY THE POSITION COORDONATES:
// At the end of each line you see 4 numbers.
// The first two ones determine the LEFT and TOP position of each menu in the window.
// The two last ones determine the active zone of the menu list : WIDTH and HEIGHT. This zone is invisible, you can consider it as a mask. 
// In conclusion, we have: LEFT, TOP, MASK-WIDTH, MASK-HEIGHT

var agt=navigator.userAgent.toLowerCase();
var menus;
//alert("agt:" + agt);

if ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1)) {
        //alert("ie");
	menus = [
			new ypSlideOutMenu("menu6", "down", 179, 35, 400, 140),
			new ypSlideOutMenu("menu7", "down", 320, 35, 400, 140),
			new ypSlideOutMenu("menu8", "down", 179, 35, 400, 140)
	];
} else {
        //alert("other");
	menus = [
		new ypSlideOutMenu("menu6", "down", 207, 36, 500, 140),
		new ypSlideOutMenu("menu7", "down", 317, 36, 500, 140),
		new ypSlideOutMenu("menu8", "down", 650, 36, 400, 140)
	];
}

	
for (var i = 0; i < menus.length; i++) {
		menus[i].onactivate = new Function("document.getElementById('act" + i + "').className='active';");
		menus[i].ondeactivate = new Function("document.getElementById('act" + i + "').className='';");
	}