//######################## ROOT MENU #########################
//+----------------------------------------------------------------------------+
//| Copyright 2005, 2011 Dipl. eng. Andri Ivin.                                |
//| Unauthorized copying of this script or any part of this script prohibited. |
//| Contact: andri.ivin@mail.ee                                                |
//+----------------------------------------------------------------------------+

//-------------------------- MENU ---------------------------
//Define global variables------------------------------------
var menuitem_height = 35;
var menuitem_width = 278;

var root_menu_x = 50;
var root_menu_y = 90;
var submenu_level_1_4_menu_x;// = 370;
var submenu_level_1_8_menu_x;

//Arrays needed to open and close submenus
//Submenu_level_1_Menu_Name[1]
//Submenu_level_1_HotArea_Name[1]
//submenu_level_1_menu_top_position[1]

var submenu_level_1_menu_height = new Array();
submenu_level_1_menu_height[1] = 0;
submenu_level_1_menu_height[2] = 0;
submenu_level_1_menu_height[3] = 0;
//submenu_level_1_menu_height[4] = 0;
submenu_level_1_menu_height[5] = 0;
submenu_level_1_menu_height[6] = 0;
submenu_level_1_menu_height[7] = 0;
//submenu_level_1_menu_height[8] = 0;

var submenu_level_1_menu_top_position = new Array();
submenu_level_1_menu_top_position[1] = 0;
submenu_level_1_menu_top_position[2] = 0;
submenu_level_1_menu_top_position[3] = 0;
submenu_level_1_menu_top_position[4] = 0;
submenu_level_1_menu_top_position[5] = 0;
submenu_level_1_menu_top_position[6] = 0;
submenu_level_1_menu_top_position[7] = 0;
submenu_level_1_menu_top_position[8] = 0;

var Submenu_level_1_Menu_Name = new Array();
Submenu_level_1_Menu_Name[1] = "";
Submenu_level_1_Menu_Name[2] = "";
Submenu_level_1_Menu_Name[3] = "";
Submenu_level_1_Menu_Name[4] = "Submenu_level_1_4_Menu";
Submenu_level_1_Menu_Name[5] = "";
Submenu_level_1_Menu_Name[6] = "";
Submenu_level_1_Menu_Name[7] = "";
Submenu_level_1_Menu_Name[8] = "Submenu_level_1_8_Menu";

var Submenu_level_1_HotArea_Name = new Array();
Submenu_level_1_HotArea_Name[1] = "";
Submenu_level_1_HotArea_Name[2] = "";
Submenu_level_1_HotArea_Name[3] = "";
Submenu_level_1_HotArea_Name[4] = "Submenu_level_1_4_HotArea";
Submenu_level_1_HotArea_Name[5] = "";
Submenu_level_1_HotArea_Name[6] = "";
Submenu_level_1_HotArea_Name[7] = "";
Submenu_level_1_HotArea_Name[8] = "Submenu_level_1_8_HotArea";

var menupicture_width = 35

var top_border_height = 6;
var bottom_border_height = 5;
var left_border_width = 6;
var right_border_width = 4;

var menushadow_thickness = 4;

var menuhotarea_delta = 20;

//Define global strings------------------------------------
var root_Menuitem_Title = new Array();
root_Menuitem_Title[1] = "Avaleht";
root_Menuitem_Title[2] = "Kasvatuse_pohimotted";
root_Menuitem_Title[3] = "Paevakava";
root_Menuitem_Title[4] = "Ylesanded";
root_Menuitem_Title[5] = "Erivajadused";
root_Menuitem_Title[6] = "Toitlustamine";
root_Menuitem_Title[7] = "Kontakt";
root_Menuitem_Title[8] = "Rühmablogid_ja_fotod";

var root_Menuitem_Content = new Array();
root_Menuitem_Content[1] = "Avaleht";
root_Menuitem_Content[2] = "Õppe-kasvatustegevuse põhimõtted";
root_Menuitem_Content[3] = "Päevakava ja tunniplaan";
root_Menuitem_Content[4] = "Ülesanded, vilumused ja oskused";
root_Menuitem_Content[5] = "Töö erivajadusega lastega";
root_Menuitem_Content[6] = "Toitlustamine";
root_Menuitem_Content[7] = "Kontakt";
root_Menuitem_Content[8] = "Rühmablogid ja fotod";

var root_Menuitem_Link = new Array();
root_Menuitem_Link[1] = true;
root_Menuitem_Link[2] = true;
root_Menuitem_Link[3] = true;
root_Menuitem_Link[4] = false;
root_Menuitem_Link[5] = true;
root_Menuitem_Link[6] = true;
root_Menuitem_Link[7] = true;
root_Menuitem_Link[8] = false;

var root_Menuitem_Link_Location = new Array();
root_Menuitem_Link_Location[1] = "index.html";
root_Menuitem_Link_Location[2] = "kasvatuse_pohimotted_est.html";
root_Menuitem_Link_Location[3] = "paevakava_est.html";
root_Menuitem_Link_Location[4] = "4";
root_Menuitem_Link_Location[5] = "erivajadused_est.html";
root_Menuitem_Link_Location[6] = "toitlustamine_est.html";
root_Menuitem_Link_Location[7] = "kontakt_est.html";
root_Menuitem_Link_Location[8] = "8";

var root_Menuitem_Target = new Array();
root_Menuitem_Target[1] = "_self";
root_Menuitem_Target[2] = "_self";
root_Menuitem_Target[3] = "_self";
root_Menuitem_Target[4] = "_self";
root_Menuitem_Target[5] = "_self";
root_Menuitem_Target[6] = "_self";
root_Menuitem_Target[7] = "_self";
root_Menuitem_Target[8] = "_self";

var doc_root = document;
doc_root.imageArray = new Array();
doc_root.imageArray[1] = new Image;
doc_root.imageArray[1].src = "menuimages/Menuhome.png";
doc_root.imageArray[2] = new Image;
doc_root.imageArray[2].src = "menuimages/Menuabc.png";
doc_root.imageArray[3] = new Image;
doc_root.imageArray[3].src = "menuimages/Menuschedule.png";
doc_root.imageArray[4] = new Image;
doc_root.imageArray[4].src = "menuimages/Menusuitcase.png";
doc_root.imageArray[5] = new Image;
doc_root.imageArray[5].src = "menuimages/Menuhelp.png";
doc_root.imageArray[6] = new Image;
doc_root.imageArray[6].src = "menuimages/Menupot.png";
doc_root.imageArray[7] = new Image;
doc_root.imageArray[7].src = "menuimages/Menuplug.png";
doc_root.imageArray[8] = new Image;
doc_root.imageArray[8].src = "menuimages/Menunet.png";

var root_Menuitem_Image_Name = new Array();
root_Menuitem_Image_Name[1] = "menuimages/Menuhome.png";
root_Menuitem_Image_Name[2] = "menuimages/Menuabc.png";
root_Menuitem_Image_Name[3] = "menuimages/Menuschedule.png";
root_Menuitem_Image_Name[4] = "menuimages/Menusuitcase.png";
root_Menuitem_Image_Name[5] = "menuimages/Menuhelp.png";
root_Menuitem_Image_Name[6] = "menuimages/Menupot.png";
root_Menuitem_Image_Name[7] = "menuimages/Menuplug.png";
root_Menuitem_Image_Name[8] = "menuimages/Menunet.png";

var root_menu_width = menuitem_width + left_border_width + right_border_width;
var root_menu_height = (root_Menuitem_Title.length-1)*menuitem_height + top_border_height + bottom_border_height;

//-------------------- MENU FUNCTIONS ---------------------
function elementColor(elemName, value) {
	document.getElementById(elemName).style.backgroundColor = value;
}

function newLocation(_isURL,_URL) {
	var http = "http:";
	var slash = "/";
	var mainURL = "www.lindakivilasteaed.ee/";

	if (_isURL) {
		document.location.href = _URL;
		//document.location.href = http+slash+slash+mainURL+_URL;
	}
}


//######################################################
//################# SHOW OR HIDE MENUS #################
//######################################################
function menuStatus(action) {
	if (action == "hidden") {
		document.getElementById('RootMenu').style.top = (-1*(root_menu_height+menushadow_thickness));
		
		document.getElementById('RootMenuHotArea').style.top = (-1*(root_menu_height+menushadow_thickness+menuhotarea_delta));
		
		for (k=1; k<Submenu_level_1_Menu_Name.length; k++) {
			if (Submenu_level_1_Menu_Name[k]!= '') { //If submenu exist, then close
				document.getElementById(Submenu_level_1_Menu_Name[k]).style.top = (-1*(submenu_level_1_menu_height[k]+menushadow_thickness));
				document.getElementById(Submenu_level_1_HotArea_Name[k]).style.top = (-1*(submenu_level_1_menu_height[k]+menushadow_thickness+menuhotarea_delta));
			}
		
		}
	}
	
	else if (action == "visible") {
		document.getElementById('RootMenu').style.top = root_menu_y;
		document.getElementById('RootMenuHotArea').style.top =  root_menu_y-menuhotarea_delta/2;
	}
}

//------------------------------------------------------
submenu_is_open = false;

function openCloseSubmenu(_isURL,_URL,_submenuNo) {
	// 1) Close
	if (_isURL) { //window.alert(submenu_level_1_menu_height[4]);
		if (submenu_is_open) {			
			for (l=1; l<Submenu_level_1_Menu_Name.length; l++) {
				if (submenu_level_1_menu_height[l] != 0) {
					document.getElementById(Submenu_level_1_Menu_Name[l]).style.top = (-1*(submenu_level_1_menu_height[l]+menushadow_thickness));
				document.getElementById(Submenu_level_1_HotArea_Name[l]).style.top = (-1*(submenu_level_1_menu_height[l]+menushadow_thickness+menuhotarea_delta));
				}
			}						
			submenu_is_open = false;
		}
	}
	
	// 2) Open
	else {
		for (m=1; m<Submenu_level_1_Menu_Name.length; m++) {
			if (m == _submenuNo) { //Open submenu
				submenu_level_1_menu_top_position[_submenuNo] = root_menu_y + (parseInt(_URL)-1)*menuitem_height;
				document.getElementById(Submenu_level_1_Menu_Name[_submenuNo]).style.top = submenu_level_1_menu_top_position[_submenuNo];
				document.getElementById(Submenu_level_1_HotArea_Name[_submenuNo]).style.top = (submenu_level_1_menu_top_position[_submenuNo]-menuhotarea_delta/2);
			}
			else { //Close submenu
				if (Submenu_level_1_Menu_Name[m]!= '') { //If submenu exist, then close
					document.getElementById(Submenu_level_1_Menu_Name[m]).style.top = (-1*(submenu_level_1_menu_height[m]+menushadow_thickness));
				document.getElementById(Submenu_level_1_HotArea_Name[m]).style.top = (-1*(submenu_level_1_menu_height[m]+menushadow_thickness+menuhotarea_delta));
				}
			}
		}
		submenu_is_open = true;
	}
}

//######################################################

//Create Root Menu ---------------------------------------
var preloading_top_shift = 50;

function create_Root_Menu() {
	if (root_Menuitem_Title.length != 0) {
		document.write('<DIV ID="RootMenu" STYLE="visibility:visible;position:absolute;top:'+(-1*(root_menu_height+menushadow_thickness+preloading_top_shift))+'px;left:'+(root_menu_x)+'px;height:'+(root_menu_height+menushadow_thickness)+'px;width:'+(root_menu_width+menushadow_thickness)+'px;z-index:6;">');

		//CONTAINER TABLE
		document.write('<TABLE WIDTH="'+(root_menu_width+menushadow_thickness)+'px" HEIGHT="'+(root_menu_height+menushadow_thickness)+'px" BORDER="0" CELLPADDING="0" CELLSPACING="0">');
		document.write('<TR>');
		document.write('<TD COLSPAN="2" ROWSPAN="2" WIDTH="'+(root_menu_width)+'px" HEIGHT="'+(root_menu_height)+'px">');
		
			//MENU TABLE
			document.write('<TABLE WIDTH="'+(root_menu_width)+'px" HEIGHT="'+(root_menu_height)+'px" BORDER="0" CELLPADDING="0" CELLSPACING="0">');
			//Top border
			document.write('<TR>');
			document.write('<TD HEIGHT="'+(top_border_height)+'px">');
			document.write('<IMG SRC="menuimages/menutable_top_left.gif">');
			document.write('</TD>');
		
			document.write('<TD COLSPAN="1" WIDTH="'+(menuitem_width+left_border_width+right_border_width)+'px" HEIGHT="'+(top_border_height)+'px" BACKGROUND="menuimages/menutable_top_center.gif">');
			document.write('<IMG SRC="menuimages/spacer_1px.gif" BORDER="0">');
			document.write('</TD>');
		
			document.write('<TD HEIGHT="'+(top_border_height)+'px">');
			document.write('<IMG SRC="menuimages/menutable_top_right.gif">');
			document.write('</TD>');
			document.write('</TR>');
		
			for (k=1; k < root_Menuitem_Title.length; k++) {
				document.write('<TR>');
				document.write('<TD WIDTH="'+(left_border_width)+'px" BACKGROUND="menuimages/menutable_middle_left.gif">');
				document.write('<IMG SRC="menuimages/spacer_1px.gif" BORDER="0">');
				document.write('</TD>');
			
				document.write('<TD WIDTH="'+(menuitem_width)+'px" HEIGHT="'+(menuitem_height)+'px">');
				
				document.write('<DIV ID="'+(root_Menuitem_Title[k])+'" STYLE="background-color:#DDDCE1;visibility:visible;position:relative;width:'+(menuitem_width)+'px;height:'+(menuitem_height)+'px;cursor:hand;" ONMOUSEOVER="elementColor(\''+root_Menuitem_Title[k]+'\',\'#FFFFFF\');openCloseSubmenu('+(root_Menuitem_Link[k])+',\''+(root_Menuitem_Link_Location[k])+'\','+k+');" ONMOUSEOUT="elementColor(\''+root_Menuitem_Title[k]+'\',\'#DDDCE1\');"');

				if (root_Menuitem_Target[k] != "_blank") {
					document.write(' ONMOUSEUP="newLocation('+(root_Menuitem_Link[k])+',\''+(root_Menuitem_Link_Location[k])+'\');"');	
				}
				document.write('>');

				document.write('<TABLE WIDTH="100%" HEIGHT="'+(menuitem_height)+'px" CELLPADDING="0" CELLSPACING="0" BORDER="0">');

				document.write('<TR>');
				document.write('<TD WIDTH="'+(menupicture_width)+'px" ALIGN="CENTER" VALIGN="MIDDLE" style=\'background: url(menuimages/vertical_line.png)\'>'); //Vertical Line
				document.write('<IMG SRC='+(root_Menuitem_Image_Name[k])+' BORDER="0">');
				document.write('</TD>');
				
				document.write('<TD ALIGN="LEFT" VALIGN="MIDDLE">');
				
				if (root_Menuitem_Link[k] == true) {
//					document.write('<A HREF="'+(root_Menuitem_Link_Location[k])+'" TARGET="'+root_Menuitem_Target[k]+'">'+root_Menuitem_Content[k]+'</A>');
					document.write('<A HREF="'+(root_Menuitem_Link_Location[k])+'" ');
					if (root_Menuitem_Target[k] == "_blank") {
						document.write('ONCLICK="menuStatus(\'hidden\');swapButtonImage(\'menu_button_on\',\'buttons/button_menu_on.png\');changeMenuButton(\'MenuButtonOn\', \'visible\');" ');
					}
					document.write('TARGET="'+root_Menuitem_Target[k]+'">'+root_Menuitem_Content[k]+'</A>');						
				}
				else {
					document.write('<A HREF="#">'+root_Menuitem_Content[k]+'</A>');
				}
				document.write('</TD>');
				
				//Submenu marker
				document.write('<TD ALIGN="RIGHT" VALIGN="MIDDLE">');
				if (!root_Menuitem_Link[k]) {
					document.write('<IMG SRC="menuimages/Menuthreeangle.png" BORDER="0" style=\'margin-right: 3px;\'>');
					//document.write('<A HREF="#" style=\'margin-right: 3px;\'>&#8594;</A>');
				}
				document.write('</TD>');
				
				document.write('</TR>');
				
				document.write('</TABLE>');
				
				document.write('</DIV>');
				document.write('</TD>');
			
				document.write('<TD WIDTH="'+(right_border_width)+'px" BACKGROUND="menuimages/menutable_middle_right.gif">');
				document.write('<IMG SRC="menuimages/spacer_1px.gif" BORDER="0">');
				document.write('</TD>');
				document.write('</TR>');
			}
		
			//Bottom border
			document.write('<TR>');
			document.write('<TD HEIGHT="'+(bottom_border_height)+'px">');
			document.write('<IMG SRC="menuimages/menutable_bottom_left.gif">');
			document.write('</TD>');
		
			document.write('<TD COLSPAN="1" WIDTH="'+(menuitem_width+left_border_width+right_border_width)+'px" HEIGHT="'+(bottom_border_height)+'px" BACKGROUND="menuimages/menutable_bottom_center.gif">');
			document.write('<IMG SRC="menuimages/spacer_1px.gif" BORDER="0">');
			document.write('</TD>');
		
			document.write('<TD HEIGHT="'+(bottom_border_height)+'px">');
			document.write('<IMG SRC="menuimages/menutable_bottom_right.gif">');
			document.write('</TD>');
			document.write('</TR>');
		
			document.write('</TABLE>');
			//End menu table
		document.write('</TD>');
		//RIGHT SHADOW
		document.write('<TD WIDTH="'+(menushadow_thickness)+'px" HEIGHT="'+(menushadow_thickness)+'px">');
		document.write('<IMG SRC="menuimages/spacer_1px.gif" BORDER="0">');
		document.write('</TD>');
		document.write('</TR>');
		
		document.write('<TR>');
		//-----------------
		document.write('<TD WIDTH="'+(menushadow_thickness)+'px" HEIGHT="'+(root_menu_height-menushadow_thickness)+'px" VALIGN="TOP" BACKGROUND="menuimages/menushadow_w1h4.png">');
		document.write('<IMG SRC="menuimages/spacer_1px.gif" BORDER="0">');
		document.write('</TD>');

		document.write('</TR>');
		//BOTTOM SHADOW
		document.write('<TR>');
		document.write('<TD WIDTH="'+(menushadow_thickness)+'px" HEIGHT="'+(menushadow_thickness)+'px">');
		document.write('<IMG SRC="menuimages/spacer_1px.gif" BORDER="0">');
		document.write('</TD>');
		document.write('<TD WIDTH="'+(root_menu_width-menushadow_thickness)+'px" HEIGHT="'+(menushadow_thickness)+'px" VALIGN="TOP" BACKGROUND="menuimages/menushadow_w1h4.png">');
		document.write('<IMG SRC="menuimages/spacer_1px.gif" BORDER="0">');
		document.write('</TD>');
		//----------------
		document.write('<TD WIDTH="'+(menushadow_thickness)+'px" HEIGHT="'+(menushadow_thickness)+'px" VALIGN="TOP" BACKGROUND="menuimages/menushadow_w1h4.png">');
		document.write('<IMG SRC="menuimages/spacer_1px.gif" BORDER="0">');
		document.write('</TD>');
		
		document.write('</TR>');
		
		document.write('</TABLE>');
		//End container table
		
		document.write('</DIV>');
	}


//######################## HOT AREA #########################

	document.write('<DIV ID="RootMenuHotArea" STYLE="visibility:visible;position:absolute;left:' + (root_menu_x-menuhotarea_delta/2) + 'px;top:' + (-1*(root_menu_height+menushadow_thickness+menuhotarea_delta)) + 'px;width:' + (root_menu_width+menushadow_thickness+menuhotarea_delta) + 'px;height:' + (root_menu_height+menushadow_thickness+menuhotarea_delta) + 'px;z-index:2;" ONMOUSEOVER="menuStatus(\'hidden\');swapButtonImage(\'menu_button_on\',\'buttons/button_menu_on.png\');changeMenuButton(\'MenuButtonOn\', \'visible\');">');
	document.write('<TABLE WIDTH="'+(root_menu_width+menushadow_thickness+menuhotarea_delta)+'px" HEIGHT="'+(root_menu_height+menushadow_thickness+menuhotarea_delta)+'px" CELLPADDING="0" CELLSPACING="0" BORDER="0">');
	document.write('<TR>');
	document.write('<TD BACKGROUND="menuimages/spacer_1px.gif">');
	document.write('<IMG SRC="menuimages/spacer_1px.gif" BORDER="0">');
	document.write('</TD>');
	document.write('</TR>');
	document.write('</TABLE>');
	document.write('</DIV>');
}