// JavaScript Document

var menu = 0;
var nrMenu =3;
var hide = true;
var linkOver = false;

var items = [ 
			 [['aitem1', ''], ['aitem2', '']], 
			 [['bitem1', ''], ['bitem2', ''], ['bitem3', '']], 
			 [['citem1', ''], ['citem2', '']], 
			 [['ditem1', ''], ['ditem2', ''], ['bitem3', ''], ['citem4', '']], 
			 ];
		
				  

function Show(menu_id){
	menu = menu_id;
	hide=false;
	for (var i=0; i<nrMenu; i++){
		document.getElementById('btn'+i).className = 'menuButtonOut';
	};
	document.getElementById('btn'+menu_id).className = 'menuButtonOver';
	document.getElementById('divSubmenu').style.display = 'inline';

	var cont="";
	for (var j=0; j< items[menu_id].length; j++){
		cont += '<a class="submenuItem" onmouseover = "hide=false;"; href="' + 
		items[menu_id][j][1] + '"> <img style="border: 0px; padding-bottom:1px;" src="img/point.gif">&nbsp;' + items[menu_id][j][0] + '</a>&nbsp;&nbsp;&nbsp;' ;
	}
	document.getElementById('divSubmenu').innerHTML = cont;
}

function Hide(){
	hide = true;
	var x= setTimeout('HideSubmenuTimer();', 500);
	
	menu = 0;
}

function HideSubmenuTimer(){
	if (hide==true){
		HideSubmenu();
	} else {
		
	}
}

function SubmenuOver(){
	hide = false;
}

function SubmenuOut(){
	hide=true;
	setTimeout('HideSubmenu();', 500);
}

function  HideSubmenu(){
	if(hide){
		document.getElementById('divSubmenu').style.display = 'none';
		for (var i=0; i<nrMenu; i++){
			document.getElementById('btn'+i).className = 'menuButtonOut';
		};
	}
}