var timeoutFlag;

function manageTimeoutLoadImages(){
	setTimeout("init()", 100);
}

function init(){
	/* ImagesIDs */
	arrImages = new Array("a1","b4","c3","b3");
	
	/* SubMenues */
	arrSubMenu = new Array("subInJapan", "subAnnouncements", "subContact");
	arrSubMenuValues = new Array("none","none","none");
	
	/* images for 'home' and 'ueber uns'*/
	home_a1 = createImageObj("images/index/a1.jpg");
	home_b3 = createImageObj("images/index/b3.jpg");
	home_b4 = createImageObj("images/index/b4.jpg");
	home_c3 = createImageObj("images/index/c3.jpg");
	arrUeberUns = new Array(home_a1, home_b4, home_c3, home_b3, "block");
	/* images for 'injapan' */
	injapan_a1 = createImageObj("images/index/a1.jpg");
	injapan_b4 = createImageObj("images/index/b4.jpg");
	injapan_b3 = createImageObj("images/index/b3.jpg");
	injapan_c3 = createImageObj("images/index/c3.jpg");
	arrInJapan = new Array(injapan_a1, injapan_b4, injapan_c3, injapan_b3, "none");
	/* images for 'Announcements' */
	announcements_a1 = createImageObj("images/Announcements/a1.jpg");
	announcements_b3 = createImageObj("images/Announcements/b3.jpg");
	announcements_b4 = createImageObj("images/Announcements/b4.jpg");
	announcements_c3 = createImageObj("images/Announcements/c3.jpg");
	arrAnnouncements = new Array(announcements_a1, announcements_b4, announcements_c3, announcements_b3, "none");
	/* images for 'contact' */
	contact_a1 = createImageObj("images/Contact/a1.jpg");
	contact_b4 = createImageObj("images/Contact/b4.jpg");
	contact_c3 = createImageObj("images/Contact/c3.jpg");
	contact_b3 = createImageObj("images/Contact/b3.jpg");
	arrContact = new Array(contact_a1, contact_b4, contact_c3,contact_b3, "none");
	/* images for 'impressum' */
	impressum_a1 = createImageObj("images/Impressum/a1.jpg");
}

function setFirstMenuItemColor(id, color){
	document.getElementById(id).style.color = color;
}

function changeImageByArea(arr){
	for (var i = 0; i <= 3; i++){
		document.getElementById(arrImages[i]).src = arr[i].src;
	}
}

function changeSubmenuByArea(arr){
	for (var i = 0; i <= 2; i++){
		document.getElementById(arrSubMenu[i]).style.display = arr[i];
	}
}

function changeImageTopLeft(obj){
	document.getElementById("a1").src = obj.src;
}

function changeImageDs(destArea, eventHandler){
	if (eventHandler == "mouseOver") {
		clearTimeout(timeoutFlag);
		try {
			switch (destArea) {
				case "injapan":
					changeImageTopLeft(injapan_a1);
					break;
				case "announcements":
					changeImageTopLeft(announcements_a1);
					break;
				case "contact":
					changeImageTopLeft(contact_a1);
					break;
				case "ueberUns":
					changeImageTopLeft(home_a1);
					break;
				default:
					break;
			}
		} catch (e) {}
	}
	if (eventHandler == "mouseOut") {
		try {
			setMenuTimeout(destArea); //destArea == srcArea
		} catch (e) {}
	}
}

function changeImage(destArea, eventHandler) {
	if (eventHandler == "mouseOver") {
		clearTimeout(timeoutFlag);
		try {
			switch (destArea) {
				case "injapan":
					changeImageByArea(arrInJapan);
					break;
				case "announcements":
					changeImageByArea(arrAnnouncements);
					break;
				case "contact":
					changeImageByArea(arrContact);
					break;
				default:
					break;
			}
		} catch (e) {}
	}
	if (eventHandler == "mouseOut") {
		try {
			setMenuTimeout(destArea); //destArea == srcArea
		} catch (e) {}
	}
}

function clearSubmenu(srcArea){
	setMenuTimeout(srcArea);
}

function setMenuTimeout(area){
	timeoutFlag = setTimeout("backToArea('"+area+"')", 200);
}

function backToArea(area){
	try {
		switch (area) {
			case "home":
				changeImageByArea(arrUeberUns);
				setSubmenuDisplayAll("b3");
				break;
			case "injapan":
				changeImageByArea(arrInJapan);
				setSubmenuDisplayAll("subInJapan");
				break;
			case "announcements":
				changeImageByArea(arrAnnouncements);
				setSubmenuDisplayAll("subAnnouncements");
				break;
			case "contact":
				changeImageByArea(arrContact);
				setSubmenuDisplayAll("subContact");
				break;
			case "impressum":
				changeImageTopLeft(impressum_a1);
				break;
			case "ueberUns":
				changeImageTopLeft(home_a1);
				break;
			default:
				break;
		}
	} catch (e) {}
}

function setSubmenuDisplay(id, val){
	document.getElementById(id).style.display = val;
}

function setSubmenuDisplayAll(id){
	for (var i = 0; i <= 3; i++) {
		document.getElementById(arrSubMenu[i]).style.display = "none";
	}
	setSubmenuDisplay("b3", "none");
	setSubmenuDisplay(id, "block");
}

function setSubmenu(destArea,eventHandler) {
	try {
		if (eventHandler == "mouseOver") {
			switch (destArea) {
				case "injapan":
					setSubmenuDisplayAll("subInJapan");
					break;
				case "announcements":
					setSubmenuDisplayAll("subAnnouncements");
					break;
				case "contact":
					setSubmenuDisplayAll("subContact");
					break;
				default:
					break;
			}
		}
		if (eventHandler == "mouseOut") {
			if (destArea == "home"){
				setSubmenuDisplayAll();
				changeImageByArea(arrUeberUns);
				setSubmenuDisplay("b3", arrUeberUns[3]);
			}
		}
	} catch (e) {}
}

function createImageObj( path){
	var obj = new Image();
	obj.src = path;
	return obj;
}

function manageFirstMenu(destArea,status){
	try{
		(status == 1) ? color = "#99FFCC" : color = "";
		switch (destArea) {
			case "injapan":
				setFirstMenuItemColor("linkInJapan",color)
				break;
			case "announcements":
				setFirstMenuItemColor("linkAnnouncements",color)
				break;
			case "contact":
				setFirstMenuItemColor("linkContact",color)
				break;
			default:
				break;
		}
	} catch (e) {}
}