var imgPreload = new Array();
var menuIds = new Array();

var resetTimeout;

function registerRollover(id) {
	$("#" + id).bind("mouseover", doMouseOver);
	$("#" + id).bind("mouseout", doMouseOut);

	preloadImage(id);
}

function registerMenu(id) {
	menuIds[menuIds.length] = id;
	$("#" + id).bind("mouseover", doPopupMenu);
}


function preloadImage(id) {
	var img = new Image();
	img.src = "images/menu/" + id + ".gif";
	imgPreload[id] = img;

	var img = new Image();
	img.src = "images/menu/" + id + "-ro.gif";
	imgPreload[id + "-ro"] = img;
}

function doMouseOver(e) {
	$("#" + this.id + "-ro").get(0).src = imgPreload[this.id + "-ro"].src;

	window.clearTimeout(resetTimeout);

	if(this.id == "berg" || this.id == "termine")
		hideMenus();
}

function doMouseOut(e) {
	$("#" + this.id + "-ro").get(0).src = imgPreload[this.id].src;
	resetTimeout = window.setTimeout("resetMenu('')", 1500);
}


function doPopupMenu(e) {
	window.clearTimeout(resetTimeout);

	for(i = 0; i < menuIds.length; i++) {
		if(menuIds[i] != this.id)
			$("#submenu_" + menuIds[i]).hide();
	}

	$("#submenu_" + this.id).slideDown(900);
}

function resetMenu() {
	window.clearTimeout(resetTimeout);

	for(i = 0; i < menuIds.length; i++) {
		if(menuIds[i] != menu)
			$("#submenu_" + menuIds[i]).hide();
	}

	if(menu != "")
		$("#submenu_" + menu).slideDown(900);
}

function hideMenus() {
	window.clearTimeout(resetTimeout);

	for(i = 0; i < menuIds.length; i++) {
		$("#submenu_" + menuIds[i]).stop(true, true);
		$("#submenu_" + menuIds[i]).hide();
	}

}

function showImg(id) {
	for(i = 1; i <= 5; i++) {
		if(i != id)
			$("#pane" + i).fadeOut(700);
	}

	$("#pane" + id).fadeIn(700);
}

function existsMenu(id) {
	for(i = 0; i < menuIds.length; i++) {
		if(menuIds[i] == id)
			return true;
	}

	return false;
}

$(function() {
	for(i = 2; i <= 5; i++) {
		$("#pane" + i).hide();
	}
});