//--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=10;
pixelVanster=140;

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

//***---Ä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="#FFFFFF";
menyerFarg="#FFFFFF";

//***---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="#FFFFFF";

//***---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("Föreningen","Organisation","Fotogalleri","Kursprogram","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("Förstasidan", "Aktiviteter", "Bryggdans","Information","Blanketter","Stadgar","Agenda","Protokoll","Lokalbokning","Statistik","Historik");
meny1lankar=new Array(	"http://www.hamboringen.se/", "http://www.hamboringen.se/hamboringen/aktiviteter.php", "http://www.hamboringen.se/hamboringen/bryggdans.php", "http://www.hamboringen.se/hamboringen/information.php", "http://www.hamboringen.se/hamboringen/blanketter.php","http://www.hamboringen.se/hamboringen/stadgar.php","http://www.hamboringen.se/hamboringen/protokoll/Agenda_2011.xls","http://www.hamboringen.se/hamboringen/protokoll.php", "http://www.hamboringen.se/hamboringen/bokning.php", "http://www.hamboringen.se/hamboringen/statistik.php", "http://www.hamboringen.se/hamboringen/historik.php");

meny2rubriker=new Array("Styrelsen mm", "Folkdans", "Gammaldans/Gille", "Internationellt", "Square Dance","Round Dance","Line Dance","Moderna","Barn & ungdom");
meny2lankar=new Array("http://www.hamboringen.se/organisation/styrelse_mm/styrelsen.php","http://www.hamboringen.se/organisation/folkdans/","http://www.hamboringen.se/organisation/gammaldans_gille/index.php","http://www.hamboringen.se/organisation/internationella/index.php","http://www.hamboringen.se/organisation/squaredance/index.php","http://www.hamboringen.se/organisation/rounddance/index.php","http://www.hamboringen.se/organisation/linedance/index.php","http://www.hamboringen.se/organisation/bugg_foxtrot/index.php", "http://www.hamboringen.se/organisation/barn_ungdom/index.php");

meny3rubriker=new Array("Folkdans", "Gammaldans/Gille", "Internationellt", "Square Dance","Round Dance","Line Dance","Bugg & foxtrot","Latin","Barn & ungdom", "Övrigt");
meny3lankar=new Array("http://www.hamboringen.se/foto/folkdans/foton.php","http://www.hamboringen.se/foto/gammaldans_gille/foton.php","http://www.hamboringen.se/foto/internationella/foton.php","http://www.hamboringen.se/foto/squaredance/foton.php","http://www.hamboringen.se/foto/rounddance/foton.php","http://www.hamboringen.se/foto/linedance/foton.php","http://www.hamboringen.se/foto/bugg_foxtrot/foton.php", "http://www.hamboringen.se/foto/latin/foton.php","http://www.hamboringen.se/foto/barn_ungdom/foton.php","http://www.hamboringen.se/foto/other/foton.php");

meny4rubriker=new Array("Nybörjare","Fortsättning","Kursavgift","Friskvård");
meny4lankar=new Array(	"http://www.hamboringen.se/kurser/nyborjarkurser.php","http://www.hamboringen.se/kurser/fortsattning.php","http://www.hamboringen.se/kurser/avgift.php","http://www.hamboringen.se/kurser/friskvard.php");

meny5rubriker=new Array("E-postadresser","Skicka vykort","Gästbok");
meny5lankar=new Array(	"http://www.hamboringen.se/kontakt/epost.php","http://www.hamboringen.se/kontakt/vykort.php","http://www.hamboringen.se/kontakt/guestbook.php");


//***---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;border-top:solid #CCCCCC 1.0pt;border-left:none;border-bottom:none;border-right:none;\"";
	}

antalLager=rubriker.length;

function skrivUtMenyer()
	{
	for (i=1; i<=antalLager; i++)
		{
		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 CLASS=\"ram\" BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=\"125px"+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'>&nbsp;"+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'>&nbsp;"+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'>&nbsp;"+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'>&nbsp;"+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'>&nbsp;"+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();
	}