var tmpArray = new Array()
var tmpSum = -1
var startNum = -1

function menu(menuText, menuImg, menuImgActive, menuImgOver, head, smallImg, text){
	this.mText = menuText;
	this.mImg = menuImg;
	this.mImgA = menuImgActive;
	this.mImgO = menuImgOver;
	this.head = head;
	this.sImg = smallImg;
	this.text = text;
	
	this.subMenuImg = new Array();
	this.subMenuImgW = new Array();
	this.photos = new Array();
	this.menuLayer = new Array()
	
	this.addPhoto = addPhotoMethod;
	this.addSub = addSubMethod;
}function addPhotoMethod(smallImg, bigImg, sub){
	this.photos[this.photos.length] = new photo(smallImg, bigImg, sub);
}function addSubMethod(img, w){
	this.subMenuImg[this.subMenuImg.length] = img
	this.subMenuImgW[this.subMenuImgW.length] = w
}

function photo(smallImg, bigImg, sub){
	this.sImg = smallImg;
	this.bImg = bigImg;
	this.sub = sub;
}

menuLayers = new Array()
leftMenu = new Array()
leftMenu[0] = new menu("menu_kok.gif", "i_kok.gif", "a_kok.gif", "o_kok.gif",  "h_kok.gif", "s_kok.jpg", "<span class='head'>Klassiskt hantverk, modern form</span><br>Vår idé är att vi kan erbjuda en helhetslösning med allt från att planera och rita till att  tillverka, montera och installera Ert nya kök, hemmets hjärta. Vi utgår från husets tidsepok och Er personliga stil. Därefter arbetar vi fram ett komplett förslag inklusive snickerier, vitvaror, beslag, kakel, golvmaterial, färgval på väggar etc. Vi arbetar med vitvaruleverantörer som står för den höga kvalitén som vi eftersträvar ex. Gaggenau, Miele, Bosch, Siemens, Ilve, La Canche och General Electric. Vi sköter transporten själva direkt från vårt snickeri och kan därför styra leveranserna efter våra montörers behov.<br><br>För att se exempel på kök klicka på någon av länkarna ovan.")
leftMenu[1] = new menu("menu_badrum.gif", "i_badrum.gif", "a_badrum.gif", "o_badrum.gif", "h_badrum.gif", "s_badrum.jpg", "<span class='head'>En plats för rening av både kropp och själ</span><br>Badrum kan ofta kännas svårplanerade och det är mycket som ska samsas på liten yta. Vi har lång erfarenhet från planering och byggnation av genomtänkta badrum. Precis som när vi planerar kök utgår vi från husets tidsepok och Er personliga stil. Vi hjälper till med materialval på golv, väggar, snickerier. Vi kan erbjuda sanitetsvaror från den flesta aktörer på marknaden ex. Gustavsberg, Ifö, Duravit, Sanova, Dornbracht, Vola, Jacuzzi, Hansgrohe, Inredningsglas och Mora Armaturer. Även på belysningssidan som vi vet är ett svårlöst problem i badrum har vi bra leverantörer som Flux, Annell Ljus & Form, Zero, Maxel etc.<br><br>För att se exempel på badrum klicka på någon av länkarna ovan.")
leftMenu[2] = new menu("menu_snickeri.gif", "i_snickeri.gif", "a_snickeri.gif", "o_snickeri.gif", "h_snickeri.gif", "s_snickeri.jpg", "<span class='head'>Tids- och epokanpassat</span><br>I vårt eget snickeri tillverkar vi dörrar, fönster, foder, socklar, elementskydd, väggpaneler och övrigt i samma stil som befintlig i Ert hus/våning. Vi gör måttanpassade bokhyllor i trä för oljning eller lackering, i MDF för målning. Även bord och trappor i olika mått och träslag tillverkas efter beställning.<br><br>För att se exempel på olika typer av snickerier klicka på någon av länkarna ovan.")
leftMenu[3] = new menu("menu_entre.gif", "i_entre.gif", "a_entre.gif", "o_entre.gif", "h_entre.gif", "s_entre.jpg", "<span class='head'>Engagemang, projektledning</span><br>Tid är den största bristvaran idag. Därför erbjuder vi oss att sköta alla kontakter med underentreprenörer, leverantörer etc. Vår uppgift som projektledare är att samordna alla och att se till att logistiken fungerar, att rörmokaren, elektrikern, målaren eller dylikt kommer i rätt tid och med rätt material.<br><br>Vi utför allt från mindre monteringar till byggnation av hela hus. Vid helhetsprojekt som t ex renovering av hela hus eller våningar är vårt snickeri en stor tillgång där vi kan få fram nödvändigt material på kort tid.")
leftMenu[4] = new menu("menu_kontakt.gif", "i_kontakt.gif", "a_kontakt.gif", "o_kontakt.gif", "h_kontakt.gif", "s_kontakt.jpg", "<span class='head'>Kontakta oss:</span><br><b>Showroom och kontor i Stockholm</b><br>Edsviksvägen 49<br>182 38 DANDERYD<br>Tel/fax 08-544 99 150<br>Tina Walton mobil 0708-54 11 76<br>Mail <a class='mail' href='mailto:tina@hantverksdesign.com' onfocus='blur()'>tina@hantverksdesign.com</a><br><br><b>Huvudkontor</b><br>Högboleden 20<br>774 61 AVESTA<br>Tel/fax 0226-190 10<br>Mats Grufving mobil 070-552 41 81<br>Mail <a class='mail' href='mailto:mats-g@hantverksdesign.com' onfocus='blur()'>mats-g@hantverksdesign.com</a>")

leftMenu[0].addSub("kok_1.gif",92)
leftMenu[0].addSub("kok_2.gif",29)
leftMenu[0].addSub("kok_3.gif",45)
leftMenu[1].addSub("badrum_1.gif",48)
leftMenu[1].addSub("badrum_2.gif",45)
leftMenu[2].addSub("snickeri_1.gif",48)
leftMenu[2].addSub("snickeri_2.gif",75)
leftMenu[2].addSub("snickeri_3.gif",50)
leftMenu[2].addSub("snickeri_4.gif",38)
leftMenu[2].addSub("snickeri_5.gif",90)
leftMenu[2].addSub("snickeri_6.gif",44)

leftMenu[0].addPhoto("kok_1_1s.jpg", "kok_1_1b.jpg", 0)
leftMenu[0].addPhoto("kok_1_2s.jpg", "kok_1_2b.jpg", 0)
leftMenu[0].addPhoto("kok_1_3s.jpg", "kok_1_3b.jpg", 0)
leftMenu[0].addPhoto("kok_1_4s.jpg", "kok_1_4b.jpg", 0)
leftMenu[0].addPhoto("kok_1_5s.jpg", "kok_1_5b.jpg", 0)
leftMenu[0].addPhoto("kok_1_6s.jpg", "kok_1_6b.jpg", 0)
leftMenu[0].addPhoto("kok_2_1s.jpg", "kok_2_1b.jpg", 1)
leftMenu[0].addPhoto("kok_2_2s.jpg", "kok_2_2b.jpg", 1)
leftMenu[0].addPhoto("kok_2_3s.jpg", "kok_2_3b.jpg", 1)
leftMenu[0].addPhoto("kok_2_4s.jpg", "kok_2_4b.jpg", 1)
leftMenu[0].addPhoto("kok_2_5s.jpg", "kok_2_5b.jpg", 1)
leftMenu[0].addPhoto("kok_3_1s.jpg", "kok_3_1b.jpg", 2)
leftMenu[0].addPhoto("kok_3_2s.jpg", "kok_3_2b.jpg", 2)
leftMenu[0].addPhoto("kok_3_3s.jpg", "kok_3_3b.jpg", 2)
leftMenu[0].addPhoto("kok_3_4s.jpg", "kok_3_4b.jpg", 2)
leftMenu[0].addPhoto("kok_3_5s.jpg", "kok_3_5b.jpg", 2)
leftMenu[0].addPhoto("kok_3_6s.jpg", "kok_3_6b.jpg", 2)
leftMenu[0].addPhoto("kok_3_7s.jpg", "kok_3_7b.jpg", 2)
leftMenu[0].addPhoto("kok_3_8s.jpg", "kok_3_8b.jpg", 2)
leftMenu[0].addPhoto("kok_3_9s.jpg", "kok_3_9b.jpg", 2)

leftMenu[1].addPhoto("badrum_1_1s.jpg", "badrum_1_1b.jpg", 0)
leftMenu[1].addPhoto("badrum_1_2s.jpg", "badrum_1_2b.jpg", 0)
leftMenu[1].addPhoto("badrum_1_3s.jpg", "badrum_1_3b.jpg", 0)
leftMenu[1].addPhoto("badrum_1_4s.jpg", "badrum_1_4b.jpg", 0)
leftMenu[1].addPhoto("badrum_1_5s.jpg", "badrum_1_5b.jpg", 0)
leftMenu[1].addPhoto("badrum_2_1s.jpg", "badrum_2_1b.jpg", 1)
leftMenu[1].addPhoto("badrum_2_2s.jpg", "badrum_2_2b.jpg", 1)
leftMenu[1].addPhoto("badrum_2_3s.jpg", "badrum_2_3b.jpg", 1)
leftMenu[1].addPhoto("badrum_2_4s.jpg", "badrum_2_4b.jpg", 1)
leftMenu[1].addPhoto("badrum_2_5s.jpg", "badrum_2_5b.jpg", 1)
leftMenu[1].addPhoto("badrum_2_6s.jpg", "badrum_2_6b.jpg", 1)
leftMenu[1].addPhoto("badrum_2_7s.jpg", "badrum_2_7b.jpg", 1)
leftMenu[1].addPhoto("badrum_2_8s.jpg", "badrum_2_8b.jpg", 1)
leftMenu[1].addPhoto("badrum_2_9s.jpg", "badrum_2_9b.jpg", 1)
leftMenu[1].addPhoto("badrum_2_10s.jpg", "badrum_2_10b.jpg", 1)

leftMenu[2].addPhoto("snickeri_1_1s.jpg", "snickeri_1_1b.jpg", 0)
leftMenu[2].addPhoto("snickeri_1_2s.jpg", "snickeri_1_2b.jpg", 0)
leftMenu[2].addPhoto("snickeri_1_3s.jpg", "snickeri_1_3b.jpg", 0)
leftMenu[2].addPhoto("snickeri_1_4s.jpg", "snickeri_1_4b.jpg", 0)
leftMenu[2].addPhoto("snickeri_2_1s.jpg", "snickeri_2_1b.jpg", 1)
leftMenu[2].addPhoto("snickeri_2_2s.jpg", "snickeri_2_2b.jpg", 1)
leftMenu[2].addPhoto("snickeri_2_3s.jpg", "snickeri_2_3b.jpg", 1)
leftMenu[2].addPhoto("snickeri_2_4s.jpg", "snickeri_2_4b.jpg", 1)
leftMenu[2].addPhoto("snickeri_2_5s.jpg", "snickeri_2_5b.jpg", 1)
leftMenu[2].addPhoto("snickeri_3_1s.jpg", "snickeri_3_1b.jpg", 2)
leftMenu[2].addPhoto("snickeri_3_2s.jpg", "snickeri_3_2b.jpg", 2)
leftMenu[2].addPhoto("snickeri_3_3s.jpg", "snickeri_3_3b.jpg", 2)
leftMenu[2].addPhoto("snickeri_3_4s.jpg", "snickeri_3_4b.jpg", 2)
leftMenu[2].addPhoto("snickeri_3_5s.jpg", "snickeri_3_5b.jpg", 2)
leftMenu[2].addPhoto("snickeri_3_6s.jpg", "snickeri_3_6b.jpg", 2)
leftMenu[2].addPhoto("snickeri_3_7s.jpg", "snickeri_3_7b.jpg", 2)
leftMenu[2].addPhoto("snickeri_4_2s.jpg", "snickeri_4_2b.jpg", 3)
leftMenu[2].addPhoto("snickeri_4_3s.jpg", "snickeri_4_3b.jpg", 3)
leftMenu[2].addPhoto("snickeri_4_4s.jpg", "snickeri_4_4b.jpg", 3)
leftMenu[2].addPhoto("snickeri_4_5s.jpg", "snickeri_4_5b.jpg", 3)
leftMenu[2].addPhoto("snickeri_4_6s.jpg", "snickeri_4_6b.jpg", 3)
leftMenu[2].addPhoto("snickeri_5_1s.jpg", "snickeri_5_1b.jpg", 4)
leftMenu[2].addPhoto("snickeri_5_2s.jpg", "snickeri_5_2b.jpg", 4)
leftMenu[2].addPhoto("snickeri_5_3s.jpg", "snickeri_5_3b.jpg", 4)
leftMenu[2].addPhoto("snickeri_5_4s.jpg", "snickeri_5_4b.jpg", 4)
leftMenu[2].addPhoto("snickeri_6_1s.jpg", "snickeri_6_1b.jpg", 5)
leftMenu[2].addPhoto("snickeri_6_2s.jpg", "snickeri_6_2b.jpg", 5)

var menuHTML = ""
for(var i=0; i<leftMenu.length; i++){
	leftMenu[i].menuLayer[0] = new pLayer("divMenuImg"+i,0,i*31,40,26,"divMenu","",10,2)
		leftMenu[i].menuLayer[0].setCont("<img src='img/"+leftMenu[i].mImg+"' width='40' height='26' border='0' alt=''>")
	leftMenu[i].menuLayer[1] = new pLayer("divMenuImgA"+i,0,i*31,40,26,"divMenu","",12,0)
		leftMenu[i].menuLayer[1].setCont("<img src='img/"+leftMenu[i].mImgA+"' width='40' height='26' border='0' alt=''>")
	leftMenu[i].menuLayer[2] = new pLayer("divMenuText"+i,47,i*31,80,26,"divMenu","",10,2)
		leftMenu[i].menuLayer[2].setCont("<img src='img/"+leftMenu[i].mText+"' height='26' border='0' alt=''>")
	leftMenu[i].menuLayer[3] = new pLayer("divMenuMouseOver"+i,0,i*31,120,26,"divMenu","",15,2)
		leftMenu[i].menuLayer[3].setCont("<a href='javascript:void(0)' onclick='showMenu("+i+"); return false' onmouseover='menuMO("+i+",1); return false' onmouseout='menuMO("+i+",0); return false' onfocus='blur()'><img src='img/trans.gif' width='120' height='26' border='0' alt=''></a>")
	leftMenu[i].menuLayer[4] = new pLayer("divMenuMO"+i,0,i*31,40,26,"divMenu","",14,0)
		leftMenu[i].menuLayer[4].setCont("<img src='img/"+leftMenu[i].mImgO+"' width='40' height='26' border='0' alt=''>")
	menuHTML += leftMenu[i].menuLayer[0].HTML+leftMenu[i].menuLayer[1].HTML+leftMenu[i].menuLayer[2].HTML+leftMenu[i].menuLayer[3].HTML+leftMenu[i].menuLayer[4].HTML
}

var aMenu = -1
function showMenu(index){
	window.top.left.location.href = "blank2.html"
	hidePhotos()
	pil.setVis(0)
	sImg1.setVis(0)
	sImg2.setVis(0)
	sImg3.setVis(0)
	tmpFirst.setVis(0)
	pNer.setVis(0)
	pUpp.setVis(0)
	if(aMenu != -1) leftMenu[aMenu].menuLayer[1].setVis(0)
	leftMenu[index].menuLayer[4].setVis(0)
	sublist.setVis(1)
	leftMenu[index].menuLayer[1].setVis(1)
	heading.writeHTML("<img src='img/"+leftMenu[index].sImg+"' width='45' height='45' border='0' alt=''><img src='img/"+leftMenu[index].head+"' height='45' border='0' alt=''>")
	heading.setVis(1)
	fixSubMenu(index)
	subMenu.setVis(1)
	//textBG.writeHTML("<img src='img/"+leftMenu[index].textBG+"' width='477' height='275' border='0' alt=''>")
	textBG.setVis(1)
	introText.writeHTML(leftMenu[index].text)
	introText.setVis(1)
	aMenu = index
}
function menuMO(index, vis){
	if(index != aMenu){
		leftMenu[index].menuLayer[4].setVis(vis)
	}
}
function fixSubMenu(index){
	var tmpHTML = ""
	for(var i=0; i<leftMenu[index].subMenuImg.length; i++){
		tmpHTML += "<a href='javascript:void(0)' onclick='showSubMenu("+i+"); return false' onfocus='blur()'><img src='img/"+leftMenu[index].subMenuImg[i]+"' width='"+leftMenu[index].subMenuImgW[i]+"' height='12' border='0' alt=''></a><img src='img/trans.gif' width='21' height='12' border='0' alt=''>"
	}
	subMenu.writeHTML(tmpHTML)
}
function goHome(){
	if(aMenu != -1){
		window.top.left.location.href = "blank.html"
		pil.setVis(0)
		leftMenu[aMenu].menuLayer[1].setVis(0)
		heading.setVis(0)
		subMenu.setVis(0)
		sublist.setVis(0)
		textBG.setVis(0)
		introText.setVis(0)
		pNer.setVis(0)
		pUpp.setVis(0)
		hidePhotos()
		sImg1.setVis(1)
		sImg2.setVis(1)
		sImg3.setVis(1)
		tmpFirst.setVis(1)
		aMenu = -1
	}
}
function showSubMenu(index){
	var xPos=41
	for(var i=0; i<index; i++){
		xPos += leftMenu[aMenu].subMenuImgW[i] + 21
	}
	xPos -= 8
	pil.place(xPos,65)
	pil.setVis(1)
	hidePhotos()
	textBG.setVis(0)
	introText.setVis(0)
	pNer.setVis(0)
	pUpp.setVis(0)
	tmpSum = 0
	startNum = 0
	for(var i=0; i<leftMenu[aMenu].photos.length; i++){
		if(leftMenu[aMenu].photos[i].sub == index){
			tmpArray[tmpSum] = i
			tmpSum++
		}
	}
	for(var i=0; i<5; i++){
		if(i < tmpSum){
			eval("sPhoto" + i).writeHTML("<a href='javascript:void(0)' onfocus='blur()' onclick='showBig("+tmpArray[i]+"); return false'><img src='photo/" + leftMenu[aMenu].photos[tmpArray[i]].sImg + "' width='64' height='48' border='0' alt=''></a>")
			eval("sPhoto" + i).setVis(1)
		}
	}
	if(tmpSum!=0) showBig(tmpArray[0])
	if(tmpSum > 5) pNer.setVis(1)
}
function showBig(index){
	bPhoto.writeHTML("<img src='photo/" + leftMenu[aMenu].photos[index].bImg + "' width='368' height='276' border='0' alt=''>")
	bPhoto.setVis(1)
}
function hidePhotos(){
	for(var i=0; i<5; i++){
		eval("sPhoto" + i).setVis(0)
	}
	bPhoto.setVis(0)
}
function showNextSub(dir){
	if(dir>0){
		hidePhotos()
		startNum+=5
		for(var i=0; i<5; i++){
			if(i+startNum < tmpSum){
				eval("sPhoto" + i).writeHTML("<a href='javascript:void(0)' onfocus='blur()' onclick='showBig("+tmpArray[i+startNum]+"); return false'><img src='photo/" + leftMenu[aMenu].photos[tmpArray[i+startNum]].sImg + "' width='64' height='48' border='0' alt=''></a>")
				eval("sPhoto" + i).setVis(1)
			}
		}
		showBig(tmpArray[startNum])
		if(startNum+5 >= tmpSum) pNer.setVis(0)
		pUpp.setVis(1)
	}
	else{
		hidePhotos()
		startNum-=5
		for(var i=0; i<5; i++){
			if(i+startNum < tmpSum){
				eval("sPhoto" + i).writeHTML("<a href='javascript:void(0)' onfocus='blur()' onclick='showBig("+tmpArray[i+startNum]+"); return false'><img src='photo/" + leftMenu[aMenu].photos[tmpArray[i+startNum]].sImg + "' width='64' height='48' border='0' alt=''></a>")
				eval("sPhoto" + i).setVis(1)
			}
		}
		showBig(tmpArray[startNum])
		if(startNum == 0) pUpp.setVis(0)
		pNer.setVis(1)
	}
}
var cp = false
function clipFirst(num){
	if(!cp){
		if(num<11){
			tmpFirst.clipBy(0,0,20,0)
			num++
			setTimeout("clipFirst("+num+")",50)
		}
		else cp = true
	}
}