window.onload = init;

var activeMenu = null; 
var clipHgt = 0; 
var timeID;

function init() {
	var menus = new Array();
	var allElems = document.getElementsByTagName("*");
	
	for (var i = 0; i < allElems.length; i++) {
		if (allElems[i].className == "menu") menus.push(allElems[i]);
	}
	for (var i = 0; i < menus.length; i++) {
		menus[i].onmouseover = changeMenu;
		menus[i].onmouseout = moveMenu;	
	}	
	document.getElementById("logo").onmouseover = closeOldMenu;
	document.getElementById("contact").onmouseover = closeOldMenu;
	document.getElementById("greeting").onmouseover = closeOldMenu;
	document.getElementById("promos").onmouseover = closeOldMenu;
	document.getElementById("cyclePhoto").onclick = closeOldMenu;
}
	
function changeMenu() {
	// this function changes the pull-down menu deplayed in the document
		closeOldMenu();
	
		menuID = this.id + "List";
		activeMenu = document.getElementById(menuID);
		activeMenu.style.clip = "rect(0px, 150px, 0px, 0px)";	
		activeMenu.style.display = "block";
		timeID = setInterval("rollDown()", 1);
}

function closeOldMenu() {
		if (activeMenu) { 
			clearInterval(timeID);
			activeMenu.style.display = "none";
			activeMenu = null;
		}
}

function moveMenu() {
	//this functions moves the pull-down menu from one title to another
	if (activeMenu) {
		closeOldMenu();
		
		menuID = this.id + "List";
		activeMenu = document.getElementById (menuID);
		activeMenu.style.clip = "rect(0px, 150px, 0px, 0px)";
		activeMenu.style.display = "block";
		timeID = setInterval("rollDown()", 1);
	}
}	

function rollDown () {
	clipHgt = clipHgt + 10;
	if (clipHgt < 400) {
		activeMenu.style.clip = "rect(0px, 150px," + clipHgt + "px, 0px)";
	} else {
		clearInterval(timeID);
		clipHgt = 0;
	}
}