var timeout	= 0;
var closetimer	= 0;
var ddmenuitem	= 0;
var links = new Array();
var active_menu ='start';

// open hidden layer
function mopen(id, id2){	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
	howerColor(id2);
}
// close showed layer
function mclose(){
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime(id){
	closetimer = window.setTimeout(mclose, timeout);
	outColor(id);
}
// cancel close timer
function mcancelclosetime(){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
//document.onclick = mclose; 
function howerColor(menu)
{
  for(var i=0; i<links.length; i++)
  { 
    if (links[i].id != active_menu)
		{
   		links[i].style.color = '#f0f0f0';
		}
  }
  document.getElementById(menu).style.color ="#f8af1c";  
}

function outColor(menu)
{
  if (menu != active_menu)
  {
    document.getElementById(menu).style.color ="#f0f0f0";	
  }
}

function initColor(menu)
{ 
//	Log(menu);
  active_menu = menu;	
  links = document.getElementsByName('menu');
  for(var i=0; i<links.length; i++)
  {
    document.getElementById(links[i].id).style.color ="#f0f0f0";
		document.getElementById(links[i].id).style.textDecoration="none";
//     links[i].style.color = '#f0f0f0';
  }
  document.getElementById(active_menu).style.color ="#f8af1c";
}

function resetColor(element)
{ 
	Log('exit_' + element);
  for(var i=0; i<links.length; i++)
  {
    document.getElementById(links[i].id).style.color ="#f0f0f0";
		document.getElementById(links[i].id).style.textDecoration="none";	
  }
}

function loadMenue(menu){
	document.body.innerHTML =
	'<div class="cssFloatMenu">' +
  '<ul id="sddm">' +
    '<li><a name="menu" id="start" href="/index.php" style="padding-left:12px" onMouseOver="howerColor(this.id);" onMouseOut="outColor(this.id);">Start</a></li>' +
    '<li>' +
			'<a name="menu" id="historia" href="#"' +
				'onmouseover="mopen(\'m1\', this.id);"' + 
				'onmouseout="mclosetime(this.id)">Historia' +
			'</a>' +
      '<div id="m1"' +
       	'onmouseover="mcancelclosetime()"' + 
       	'onmouseout="mclosetime(\'historia\')">' +				
        '<a href="/historia.php">Motortillverkningen</a>' +
        '<a href="/borgo.php">Motorgaleasen Borgö</a>' +				
      '</div>' +			
		'</li>' +	
    '<li>' + 
			'<a name="menu" id="teknik" href="#"' +
				'onmouseover="mopen(\'m2\', this.id);"' + 
				'onmouseout="mclosetime(this.id)">Teknik' +
			'</a>' +
      '<div id="m2"' +
       	'onmouseover="mcancelclosetime()"' + 
       	'onmouseout="mclosetime(\'teknik\')">' +				
        '<a href="/teknik/sidinsprutning.php">Sidinsprutning</a>' +
        '<a href="/teknik/toppinsprutning.php">Toppinsprutning</a>' +
        '<a href="/teknik/frislagsregulator.php">Frislagsregulator</a>' +				
        '<a href="/teknik/centrifugalregulator.php">Centrifugalregulator</a>' +				
        '<a href="/teknik/luftintag.php">Luftintag</a>' +				
        '<a href="/teknik/kylsystem.php">Kylsystem</a>' +
        '<a href="/teknik/smorjapparat.php">Smörjapparat</a>' +								
        '<a href="/teknik/propellerutrustning.php">Propellerutrustning</a>' +				
        '<a href="/teknik/gjutgods.php">Gjutgods</a>' +			
      '</div>' +						
		'</li>' +
    '<li>' +
		  '<a name="menu" id="dokument" href="#"' +
				'onmouseover="mopen(\'m3\', this.id);"' + 
				'onmouseout="mclosetime(this.id)">Dokument' +
			'</a>' +
      '<div id="m3"' + 
        'onmouseover="mcancelclosetime()"' + 
        'onmouseout="mclosetime(\'dokument\')">' +
        '<a href="/dokument_swe_nilsson.php">Instruktionsböcker och broschyrer för Nilssonmotorn</a>' +
        '<a href="/annonser.php">Annonser för Nilssonmotorn</a>' +				
        '<a href="/dokument_swe_ovriga.php">Broschyrer för Västerviksmotorn</a>' +
        '<a href="/komponenter.php">Komponentlista med bilder för en lättvikts 5 hkr</a>' +					
        '<a href="/dokument_eng.php">Brochures in English<img src="/images/eng_flag_small.jpg" style="width:16px; height:9px; border:0; margin-left:9px"></a>' +
      '</div>' +			
		'</li>' +			
    '<li>' +
			'<a name="menu" id="bilder" href="#"' +
				'onmouseover="mopen(\'m4\', this.id);"' + 
				'onmouseout="mclosetime(this.id)">Bilder' +
			'</a>' +
      '<div id="m4"' + 
        'onmouseover="mcancelclosetime()"' + 
        'onmouseout="mclosetime(\'bilder\')">' +
        '<a href="/bilder.php">Motorer och båtar</a>' +
        '<a href="/renovering.php">Renovering av en 5-7a</a>' +
        '<a href="/renovering_2.php">Renovering av en 7-10a</a>' +					
      '</div>' +			
		'</li>' +
    '<li><a name="menu" id="filmer" href="/filmer.php" onMouseOver="howerColor(this.id);" onMouseOut="outColor(this.id);">Filmer</a></li>' +
    '<li><a name="menu" id="anslagstavla" href="/gbook/gbook.php" onMouseOver="howerColor(this.id);" onMouseOut="outColor(this.id);">Anslagstavla</a></li>' +
    '<li><a name="menu" id="motordata" href="/motordata.php" onMouseOver="howerColor(this.id);" onMouseOut="outColor(this.id);">Motordata</a></li>' +		
    '<li>' +
			'<a name="menu" id="motorlista" href="#"' +
		    'onmouseover="mopen(\'m8\', this.id);"' + 
        'onmouseout="mclosetime(this.id)">Motorlistor' +
			'</a>' +
			'<div id="m8"' + 
				'onmouseover="mcancelclosetime()"' + 
				'onmouseout="mclosetime(\'motorlista\')">' +
				'<a href="/motorlista_A.php">Motorer typ A och M</a>' +
				'<a href="/motorlista_B.php">Motorer typ B och BA</a>' +
				'<a href="/aldersbestamning.php">Åldersbestämning</a>' +				
			'</div>' +
    '</li>' +
		'<li><a name="menu" id="exakt" href="/exakt.php" onMouseOver="howerColor(this.id);" onMouseOut="outColor(this.id);">Exaktmotorn</a></li>' +
    '<li><a name="menu" id="links" href="/links.php" style="border-right:0" onMouseOver="howerColor(this.id);" onMouseOut="outColor(this.id);">Länkar</a></li>' +   
  '</ul>' +
	'</div>';
	
	initColor(menu);	
}