<!--This is one of many scripts which are available at:     *---
//--http://www.JavaScript.nu/javascript                     *---
//--This script is FREE, but you MUST let these lines       *---
//--remain if you use this script.                          *---


//***---Lagrets placering räknat från översta vänstra hörnet:
pixelNer=14;
pixelVanster=180;   //Om du vill centrera sidan så strunta i att ändra denna

//***---Vill du inte centrera menyn skriver du "nej" på båda dessa. Vill du ha menyn centrerad på sidan så skriver du "ja" på NÅGON av dessa (dock inte båda). Du kan välja att centrera i förhållande till besökarens skärmstorlek eller i förhållande till den faktiska storleken sidan fått i webbläsaren (man tar alltså hänsyn till om det finns frames eller om besökaren t.ex. inte har webbläsaren maximerad). Troligtvis så vill du centrera i förhållande till webbläsarstorleken.
skaVaraCentreradIForhallandeTillSkarmstorlek="nej";
skaVaraCentreradIForhallandeTillWebblasarstorlek="nej";

//***---Rubrikernas storlek i bredd och höjd. 
lagerBredd=130;
lagerHojd=25;

//***---Ändra inte dessa värden om du inte vet vad du gör!!! Dessa är namnen på DIV-elementen men ska inte ändras om du absolut inte måste (och då bara om du vet vad du håller på med)!
lagernamn="meny";			//dina menyers lager ska alltså heta "meny1", "meny2" etc.
lagernamn2="undermeny";		//de menyer som sedan poppar fram ska heta "undermeny1", "undermeny2" etc.

//***---"rubrikFarg" är färgen på det som man drar musen över för att en ny meny ska visas och "menyerFarg" är färgen på det fält där länkarna finns.
rubrikFarg="";
menyerFarg="";

//***---Detta fungerar endast med Explorer 4 och uppåt: Menyerna ändrar färg när musen dras över dem, välj färg här.
menyerFargMedMus="";

//***---Så här många millisekunder ska det ta från det att musen dras från lagret tills lagret dras in. OBS: För Netscape är det lite kinkigare än för explorer, så jag rekommenderar inte att värdet är lägre än 400, även om det fungerar fint i Explorer med mindre än 400 kan Netscapeanvändare med ett lägre värde av misstag få menyn borttagen bara för att musen råkar åka en bit bort från själva länkarna.
stangInterval=400;

//***---Länkarna ska öppnas i vilken frame? Detta är samma som TARGET="x"
popupmenyTarget="_self";	//"_top", "_self", "_blank", "framensNamn" kan anges.

//***---Nu till det roliga, bestäm vilka rubriker som ska finnas med. Ha med hur många som helst.
rubriker=new Array("<center />BUTIKEN","<center />LISTER","  <center />HYVLERI","<center />BOD<br />UNDERLAG","<center />HISTORIK","<center />KONTAKT");


//***---Ha med länkarna som ska finnas med under var rubrik. Du bestämmer givetvis både vart länken ska gå och vad texten man ska trycka på ska vara. Har du fler/färre menyer än fem stycken är det bara att lägga till/ta bort rader nedan så att du får så många som du ska ha menyer.

meny1rubriker=new Array("<center />startsida", "<center />öppettider", "<center />om oss", "<center />leverantörer");
meny1lankar=new Array("main2.html",	"butik2.html",	"historikmer.html",	"leverantorer.html");

meny2rubriker=new Array("<center />Sortiment", "<center />Prislista"); 
meny2lankar=new Array(	"start.html", "prislista.html");

meny3rubriker=new Array("<center />Process",	"<center />Bilder");
meny3lankar=new Array(	"uc3.html",	"bilderhyvleri.html");

meny4rubriker=new Array("<center /><br/>dejegrunden",	"<center />beställning")
meny4lankar=new Array("bodunderlag.html",	"personal2.html");

meny5rubriker=new Array("<center />Historik",		"<center />Mer historik");
meny5lankar=new Array(  "historik.html",	"historikmer.html");

meny6rubriker=new Array("<center />kontakt", "<center />karta"); 
meny6lankar=new Array(	"personal.html", "karta.html");



//***---Detta ska INTE ändras!!! Låt raden nedan förbli omodifierad. Sätts 'varningFrameSaknas' till en tom sträng så varnar inte scriptet om den inte hittar den frame som anges i 'popupmenyTarget' ovan.
varningFrameSaknas="Framen '"+popupmenyTarget+"' hittas inte av scriptet.\nKontrollera stavningen av '"+popupmenyTarget+"' och se till så att du inte använder dig av frames i frames.\nScriptet klarar inte av frames i frames.\nInga garantier ges för att scriptet kommer att fungera som det ska nu!\nTrolig åtgärd som löser problemet: Ändra värdet på variabeln 'popupmenyTarget' i scriptet.\nÄndra värdet till ett framenamn som finns eller till t.ex. '_self'"


// ###########################################################################
// ################ÄNDRA INGET NEDAN OM DU INTE VET VAD DU GÖR################
// ###########################################################################

styleForTDelement="";
if (document.all)
{
styleForTDelement="STYLE=\"cursor: hand\"";
}

antalLager=rubriker.length;


webblasarnamn=navigator.appName;
if (skaVaraCentreradIForhallandeTillWebblasarstorlek=="ja" ||
    skaVaraCentreradIForhallandeTillSkarmstorlek=="ja")
{
	if (navigator.userAgent.toLowerCase().indexOf("opera")!=-1)
	{
		if (skaVaraCentreradIForhallandeTillWebblasarstorlek=="ja")
		{
			widthTmp=window.innerWidth;
			heightTmp=document.body.clientHeight;
		}
		else if (skaVaraCentreradIForhallandeTillSkarmstorlek=="ja")
		{
			widthTmp=screen.width;
			heightTmp=screen.height;
		}
	}
	else if (webblasarnamn == "Netscape")
	{
		if (skaVaraCentreradIForhallandeTillWebblasarstorlek=="ja")
		{
			widthTmp=window.innerWidth;
			heightTmp=window.innerHeight;
		}
		else if (skaVaraCentreradIForhallandeTillSkarmstorlek=="ja")
		{
			if(navigator.javaEnabled())
 			{
				javaStuff=java.awt.Toolkit.getDefaultToolkit().getScreenSize()
				widthTmp=javaStuff.width;
				heightTmp=javaStuff.height;
			}
		}
	}
	else if (webblasarnamn == "Microsoft Internet Explorer")
	{
		if (skaVaraCentreradIForhallandeTillWebblasarstorlek=="ja")
		{
			widthTmp=document.body.clientWidth;
			heightTmp=document.body.clientHeight;
		}
		else if (skaVaraCentreradIForhallandeTillSkarmstorlek=="ja")
		{
			widthTmp=screen.width;
			heightTmp=screen.height;
		}
	}

pixelVanster=parseInt(widthTmp/2-lagerBredd*antalLager/2);
}

function skrivUtMenyer()
{
	for (i=1; i<=antalLager; i++)
	{
	skrivUtDetta="Deje trä";
	skrivUtDetta="";
	skrivUtDetta+=("<DIV ID='"+lagernamn+""+i+"' onMouseOver=\"visaMeny('"+lagernamn2+""+i+"')\" onMouseOut=\"doljMenyTimer('"+lagernamn2+""+i+"')\">")
	skrivUtDetta+=("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=\""+lagerBredd+"\" HEIGHT=\""+lagerHojd+"\" BGCOLOR=\""+rubrikFarg+"\">");
	skrivUtDetta+=("<TR><TD><A HREF=\"javascript:void(0)\" onMouseOver=\"visaMeny('"+lagernamn2+""+i+"')\" onMouseOut=\"doljMenyTimer('"+lagernamn2+""+i+"')\" CLASS='menyRubrikClass'>"+rubriker[i-1]+"</A></TD></TR>");
	skrivUtDetta+=("</TABLE></DIV>")

	skrivUtDetta+=("<DIV ID='"+lagernamn2+""+i+"' onMouseOver=\"visaMeny('"+lagernamn2+""+i+"')\" onMouseOut=\"doljMenyTimer('"+lagernamn2+""+i+"')\">")
	skrivUtDetta+=("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=\""+lagerBredd+"\" BGCOLOR=\""+menyerFarg+"\">");
		antalUndermenyer=eval("meny"+i+"rubriker.length")
		for (j=0; j<antalUndermenyer; j++)
		{
			if (popupmenyTarget == "_self" || popupmenyTarget == "")
				skrivUtDetta+=("<TR><TD "+styleForTDelement+" onClick=\"self.location.href='"+eval("meny"+i+"lankar["+j+"]")+"'\" onMouseOver=\"this.style.backgroundColor='"+menyerFargMedMus+"'\" onMouseOut=\"this.style.backgroundColor=''\"><A HREF=\""+eval("meny"+i+"lankar["+j+"]")+"\" onMouseOver=\"visaMeny('"+lagernamn2+""+i+"')\" onMouseOut=\"doljMenyTimer('"+lagernamn2+""+i+"')\" CLASS='menyLankClass'>"+eval("meny"+i+"rubriker["+j+"]")+"</A></TD></TR>")
			else if (popupmenyTarget == "_blank")
				skrivUtDetta+=("<TR><TD "+styleForTDelement+" onClick=\"window.open('"+eval("meny"+i+"lankar["+j+"]")+"','newWindow');\" onMouseOver=\"this.style.backgroundColor='"+menyerFargMedMus+"'\" onMouseOut=\"this.style.backgroundColor=''\"><A TARGET=\"newWindow\" HREF=\""+eval("meny"+i+"lankar["+j+"]")+"\" onMouseOver=\"visaMeny('"+lagernamn2+""+i+"')\" onMouseOut=\"doljMenyTimer('"+lagernamn2+""+i+"')\" CLASS='menyLankClass'>"+eval("meny"+i+"rubriker["+j+"]")+"</A></TD></TR>")
			else if (popupmenyTarget == "_top")
				skrivUtDetta+=("<TR><TD "+styleForTDelement+" onClick=\"top.location.href='"+eval("meny"+i+"lankar["+j+"]")+"'\" onMouseOver=\"this.style.backgroundColor='"+menyerFargMedMus+"'\" onMouseOut=\"this.style.backgroundColor=''\"><A TARGET=\"_top\" HREF=\""+eval("meny"+i+"lankar["+j+"]")+"\" onMouseOver=\"visaMeny('"+lagernamn2+""+i+"')\" onMouseOut=\"doljMenyTimer('"+lagernamn2+""+i+"')\" CLASS='menyLankClass'>"+eval("meny"+i+"rubriker["+j+"]")+"</A></TD></TR>")
			else if ((typeof(eval("parent."+popupmenyTarget ))+"").toLowerCase().indexOf("object") != -1)	//Om framen (vars namn finns i popupmenyTarget) finns, så...
				skrivUtDetta+=("<TR><TD "+styleForTDelement+" onClick=\"parent."+popupmenyTarget+".location.href='"+eval("meny"+i+"lankar["+j+"]")+"'\" onMouseOver=\"this.style.backgroundColor='"+menyerFargMedMus+"'\" onMouseOut=\"this.style.backgroundColor=''\"><A TARGET=\""+popupmenyTarget+"\" HREF=\""+eval("meny"+i+"lankar["+j+"]")+"\" onMouseOver=\"visaMeny('"+lagernamn2+""+i+"')\" onMouseOut=\"doljMenyTimer('"+lagernamn2+""+i+"')\" CLASS='menyLankClass'>"+eval("meny"+i+"rubriker["+j+"]")+"</A></TD></TR>")
			else
			{
				if (varningFrameSaknas.length>0)
				{
					alert(varningFrameSaknas)
					varningFrameSaknas="";	//Så visas inte felet mer än en gång
				}
				skrivUtDetta+=("<TR><TD "+styleForTDelement+" onClick=\"parent."+popupmenyTarget+".location.href='"+eval("meny"+i+"lankar["+j+"]")+"'\" onMouseOver=\"this.style.backgroundColor='"+menyerFargMedMus+"'\" onMouseOut=\"this.style.backgroundColor=''\"><A TARGET=\""+popupmenyTarget+"\" HREF=\""+eval("meny"+i+"lankar["+j+"]")+"\" onMouseOver=\"visaMeny('"+lagernamn2+""+i+"')\" onMouseOut=\"doljMenyTimer('"+lagernamn2+""+i+"')\" CLASS='menyLankClass'>"+eval("meny"+i+"rubriker["+j+"]")+"</A></TD></TR>")	//Denna rad gör så att menyerna skrivs ut, trots att de troligtvis inte fungerar (vilket man meddelas om i så fall)
			}
		}
	skrivUtDetta+=("</TABLE></DIV>")
	document.write(skrivUtDetta);
	}
}

function placeraMenyer()
{
	for (i=1; i<=antalLager; i++)
	{
		if (document.all)
		{
		lagerStart=document.all[lagernamn+i].style;
		}
		else if (document.layers)
		{
		lagerStart=document.layers[lagernamn+i];
		}
		else if (document.getElementById)
		{
		lagerStart=document.getElementById(lagernamn+i).style;
		}
	lagerStart.width=lagerBredd
	lagerStart.height=lagerHojd
	lagerStart.top=pixelNer
	lagerStart.left=pixelVanster+lagerBredd*(i-1);
	lagerStart.visibility="visible";

		if (document.all)
		{
		lagerStart=document.all[lagernamn2+i].style;
		}
		else if (document.layers)
		{
		lagerStart=document.layers[lagernamn2+i];
		}
		else if (document.getElementById)
		{
		lagerStart=document.getElementById(lagernamn2+i).style;
		}
	lagerStart.width=lagerBredd
	lagerStart.top=pixelNer+lagerHojd
	lagerStart.left=pixelVanster+lagerBredd*(i-1);
	lagerStart.visibility="hidden";
	}
}

function visaMeny(vilken)
{
doljAllaAndra(vilken);
skaDoljaMenyn=false;
		if (document.all)
		{
		lagerStart=document.all[vilken].style;
		}
		else if (document.layers)
		{
		lagerStart=document.layers[vilken];
		}
		else if (document.getElementById)
		{
		lagerStart=document.getElementById(vilken).style;
		}
lagerStart.visibility="visible";
}

function doljMenyTimer(vilken)
{
doljAllaAndra(vilken);
skaDoljaMenyn=true;
setTimeout("doljMeny('"+vilken+"')", stangInterval);
}

function doljMeny(vilken)
{
		if (document.all)
		{
		lagerStart=document.all[vilken].style;
		}
		else if (document.layers)
		{
		lagerStart=document.layers[vilken];
		}
		else if (document.getElementById)
		{
		lagerStart=document.getElementById(vilken).style;
		}

	if (skaDoljaMenyn)
	{
	lagerStart.visibility="hidden";
	}
}


function doljAllaAndra(vilken)
{
	for (i=1; i<=antalLager; i++)
	{
	if (vilken!=lagernamn2+i)
	{
		if (document.all)
		{
		lagerStart=document.all[lagernamn2+i].style;
		}
		else if (document.layers)
		{
		lagerStart=document.layers[lagernamn2+i];
		}
		else if (document.getElementById)
		{
		lagerStart=document.getElementById(lagernamn2+i).style;
		}
	lagerStart.visibility="hidden";
	}
	}
}
	if (parseInt(navigator.appVersion)>=4)
	{
	skrivUtMenyer();
	placeraMenyer();
	}
//-->
