// JavaScript Document







//***---Lagrets placering räknat från översta vänstra hörnet:
placeringX=0;
placeringY=15;

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

//***---Länkarnas höjd (bredden blir givetvis samma som ovan)
varjeLanksHojd=17;
index=0;

//***---Ä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)!
menyernasNamn="meny";
underMenyernasNamn="undermeny";

//***---Bilden som visas bredvid rubrikerna. Ange bild, höjd samt bredd
bildKatalog="iconmapp.gif";
bildKatalogHojd=0;
bildKatalogBredd=0;

//***---Bilden som visas bredvid länkarna. Ange bild, höjd samt bredd
bildSida="iconie2.gif";
bildSidaHojd=0;
bildSidaBredd=0;

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

//***---De två raderna nedan är själva kärnan i menysystemet. De kan anta värdena 0 och 1. Ändrar du detta värde ändrar hela menyns beteende. Nedan beskrivs vad varje variabel gör.
typ=0;	//Om detta är -1 kommer undermenyerna ut på vänster sida, är det 0 kommer de ut underifrån, och är det 1 kommer de på höger sida
typ2=0;	//Om detta är 1 är alla undermenyerna är lika långa, om det är 0 är menyerna lika långa som antalet länkar i menyn

//***---"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.
rubrikFarg1="#FFFFFF";
rubrikFarg2="#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="white";


//***---Nu till det roliga, bestäm vilka rubriker som ska finnas med. Ha med hur många som helst.
rubriker=new Array("Föreningen","Nyheter","Motion","WTG","Golf","Galleri","Medlem","Press");

lankar=new Array("omoss.asp","nyheter.asp","motion.asp", "wtg.asp","golf.asp", "galleri.asp"
,"medlem.asp","press.asp");

//***---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("Om oss","Styrelse","Sponsring","Informationsmateial","Kontakt","Dokumentarkiv","Forum","Länkar" );
meny1lankar=new Array(	"omoss.asp","styrelse.asp","sponsring.asp","informationsmaterial.asp","kontakt.asp","dokument.asp","forum/index.php","lankar.asp");
meny1target=new Array("_self", "_self", "_self","_self","_self","_self","_self","_self");

meny2rubriker=new Array("Ansökan 2011","Evenemang");
meny2lankar=new Array("wtg2011.asp","event.asp");
meny2target=new Array("_self","_self");

meny3rubriker=new Array();
meny3lankar=new Array();
meny3target=new Array();

meny4rubriker=new Array("Australien 2009","Thailand 2007","Kanada 2005","Frankrike 2003");
meny4lankar=new Array("brisbane.asp","bangkok.asp","london.asp","nancy.asp");
meny4target=new Array("_self","_self", "_self", "_self");

meny5rubriker=new Array("SM golfen","PG:s prize","Vinnare");
meny5lankar=new Array(  "smgolf.asp","pgsprize.asp","vinnare.asp");
meny5target=new Array("_self", "_self", "_self");

meny6rubriker=new Array("Guldkusten 09.1","Guldkusten 09.2","Bangkok 2007", "London 2005", "Nancy 2003","Sm golf 2004","Årsmöte 07", "Årsmöte 08");
meny6lankar=new Array("australiencj/auscj.html","australiengalleri/australiengalleri.html","bangkokgalleri/bangkokgalleri.html", "londongalleri/londongalleri.html","nancygalleri/nancygalleri.html" ,"golfgalleri/golfgalleri.html", "arsmote.asp", "arsmote08.asp");
meny6target=new Array("_blank","_blank","_blank","_blank", "_blank", "_blank","_self", "_self");

meny7rubriker=new Array("Bli medlem");
meny7lankar=new Array("blimedlem.asp");
meny7target=new Array("_self");

meny8rubriker=new Array();
meny8lankar=new Array();
meny8target=new Array();




//***---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 'menyTarget' ovan.
<!--VarningFrameSaknas="Framen '"+menyTarget+"' hittas inte av scriptet.\nKontrollera stavningen av '"+menyTarget+"' 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 'menyTarget' 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################
// ###########################################################################


function placera(lager,ner,hoger)		//Placerar ett lager exakt på ett ställe
{
	if (document.all)
	{
		document.all[lager].style.pixelLeft=hoger;
		document.all[lager].style.pixelTop=ner;
	}
	else if (document.layers)
	{
		document.layers[lager].left=hoger;
		document.layers[lager].top=ner;
	}
	else if (document.getElementById)
	{
		document.getElementById(lager).style.left=hoger;
		document.getElementById(lager).style.top=ner;
	}
}




function dolj(lager)				//Gör ett lager osynligt
{
	if (document.all)
	{
		document.all[lager].style.visibility="hidden";
	}
	else if (document.layers)
	{
		document.layers[lager].visibility="hidden";
	}
	else if (document.getElementById)
	{
		document.getElementById(lager).style.visibility="hidden";
	}
}


function visa(lager)				//Visar ett lager
{
	if (document.all)
	{
		document.all[lager].style.visibility="visible";
	}
	else if (document.layers)
	{
		document.layers[lager].visibility="visible";
	}
	else if (document.getElementById)
	{
		document.getElementById(lager).style.visibility="visible";
	}
}


function placeraUtMenyerOchVisaDem()
{
	for (i=0; i<antalMenyer; i++)
	{
	placera(menyernasNamn+(i+1), menyernasHojd*i+placeringY, placeringX);
	visa(menyernasNamn+(i+1));
	}
}


function lagretsHojd(lager)
{
	if (document.all)
	{
		return parseInt(document.all[lager].style.height);
	}
	else if (document.layers)
	{
		return parseInt(document.layers[lager].height);
	}
	else if (document.getElementById)
	{
		return parseInt(document.getElementById(lager).style.height);
	}
}


function visaUndermeny(lagerIndex)
{
doljaAllaUndermenyer()
	for (i=0; i<lagerIndex; i++)
	{
	placera(menyernasNamn+(i+1), menyernasHojd*i+placeringY, placeringX);
	}

	visa(underMenyernasNamn+lagerIndex);
	placera(underMenyernasNamn+lagerIndex, placeringY+menyernasHojd*i*(!typ), placeringX+menyernasBredd*(typ));

	for (i=lagerIndex; i<antalMenyer; i++)
	{
	placera(menyernasNamn+(i+1), placeringY+menyernasHojd*i+lagretsHojd(underMenyernasNamn+lagerIndex)*(!typ), placeringX);
	}
}


function initieraLagrensAttribut()
{
	for (i=0; i<antalMenyer; i++)
	{
antalUndermenyer=eval("meny"+(i+1)+"rubriker.length")
		if (document.all)
		{
			document.all[underMenyernasNamn+(i+1)].style.height=antalUndermenyer*varjeLanksHojd*(!typ2)+maxAntalLankar*varjeLanksHojd*(typ2);
			document.all[underMenyernasNamn+(i+1)].style.width=menyernasBredd;
		}
		else if (document.layers)
		{
			document.layers[underMenyernasNamn+(i+1)].height=antalUndermenyer*varjeLanksHojd*(!typ2)+maxAntalLankar*varjeLanksHojd*(typ2);
			document.layers[underMenyernasNamn+(i+1)].width=menyernasBredd;
		}
		else if (document.getElementById)
		{
			document.getElementById(underMenyernasNamn+(i+1)).style.height=antalUndermenyer*varjeLanksHojd*(!typ2)+maxAntalLankar*varjeLanksHojd*(typ2);
			document.getElementById(underMenyernasNamn+(i+1)).style.width=menyernasBredd;
		}
	}
}

function doljaAllaUndermenyer()
{
	for (i=0; i<antalMenyer; i++)
	{
	dolj(underMenyernasNamn+(i+1));
	}
}


function rubrikFargVarannan()
{
	if (varannanFarg)
	{
	varannanFarg=0;
	return rubrikFarg1;
	}
	else
	{
	varannanFarg=1;
	return rubrikFarg2;
	}
}


//function rubriklankar(i)
//{
//		i=i-1;
//		return lankar[i];
//}


function skrivUtMenyer()
{

	
	for (i=1; i<=antalMenyer; i++)
	{
	
	skrivUtDetta="";
	skrivUtDetta+=("<DIV ID='"+menyernasNamn+""+i+"' onMouseOver=\"visaUndermeny("+i+")\">")
	skrivUtDetta+=("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=\""+menyernasBredd+"\" HEIGHT=\""+menyernasHojd+"\" BGCOLOR=\""+rubrikFargVarannan()+"\">");
		skrivUtDetta+=("<TR><TD><A HREF=\""+lankar[i-1]+"\" TARGET=\""+menutarget[i-1]+"\" onMouseOver=\"visaUndermeny("+i+")\" CLASS='menyRubrikClass'><IMG SRC='"+bildKatalog+"' BORDER=0 HEIGHT="+bildKatalogHojd+" WIDTH="+bildKatalogBredd+" VSPACE=0 HSPACE=0> "+rubriker[i-1]+"</A></TD></TR>");
	skrivUtDetta+=("</TABLE></DIV>")

	skrivUtDetta+=("<DIV ID='"+underMenyernasNamn+""+i+"'>")
	skrivUtDetta+=("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=\""+menyernasBredd+"\" BGCOLOR=\""+menyerFarg+"\">");
		antalUndermenyer=eval("meny"+i+"rubriker.length")
		for (j=0; j<antalUndermenyer; j++)
		{
		skrivUtDetta+=("<TR><TD HEIGHT='"+varjeLanksHojd+"' "+styleForTDelement+"  onMouseOver=\"this.style.backgroundColor='"+menyerFargMedMus+"'\" onMouseOut=\"this.style.backgroundColor=''\"><A HREF=\""+eval("meny"+i+"lankar["+j+"]")+"\" TARGET=\""+eval("meny"+i+"target["+j+"]")+"\" CLASS='menyLankClass'><IMG SRC='"+bildSida+"' BORDER=0 HEIGHT="+bildSidaHojd+" WIDTH="+bildSidaBredd+" VSPACE=0 HSPACE=0> "+eval("meny"+i+"rubriker["+j+"]")+"</A></TD></TR>")
		}
		for (j; j<maxAntalLankar && typ2; j++)
		{
		skrivUtDetta+=("<TR><TD HEIGHT='"+varjeLanksHojd+"'><FONT SIZE='-2'>&nbsp;</FONT></TD></TR>")
		}
	
	
	skrivUtDetta+=("</TABLE></DIV>")
	document.write(skrivUtDetta);
	
		}
	
}


function initieraNodvandigaVariabler()
{
	antalMenyer=rubriker.length;

	maxAntalLankar=0;
	for (i=1; i<=antalMenyer; i++)
	{
		antalUndermenyer=eval("meny"+i+"rubriker.length")
		if (antalUndermenyer>maxAntalLankar)
		{
		maxAntalLankar=antalUndermenyer;
		}
	}

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

	if (menyTarget == "")
	{
	menyTarget="_self"
	}
}


function oppnaFonster(URL)
{
	open(URL, 'theNewWindow');
}


initieraNodvandigaVariabler();
skrivUtMenyer();
initieraLagrensAttribut();
placeraUtMenyerOchVisaDem();