function SetImg(DivName, ImgName, ImgSrc){
	if (document.layers){
		var fullImgName = "document." + DivName + ".document." + ImgName;
		eval("if (" + fullImgName + ") " + fullImgName + ".src = '_images/art/" + ImgSrc + "'");
	}
	else{
		var fullImgName = "document." + ImgName;
		eval("if (" + fullImgName + ")" + fullImgName + ".src = '_images/art/" + ImgSrc + "'");
	}
}

function ShowDiv(DivName){
	if (document.layers){
		eval("document." + DivName + ".visibility = 'visible'");
	} else if (document.all){
		eval("document.all." + DivName + ".style.visibility = 'visible'");
	}
}

function HideDiv(DivName){
	if (document.layers){
		eval("document." + DivName + ".visibility = 'hidden'");
	} else if (document.all){
		eval("document.all." + DivName + ".style.visibility = 'hidden'");
	}
}

function ShowKlDiv(DivName){
	if (document.layers){
		eval("document." + DivName + ".visibility = 'visible'");
		document.klDiv0.visibility = 'hidden';
	} else if (document.all){
		eval("document.all." + DivName + ".style.visibility = 'visible'");
		document.all.klDiv0.style.visibility = 'hidden';
	}
}

function HideKlDiv(DivName){
	if (document.layers){
		eval("document." + DivName + ".visibility = 'hidden'");
		document.klDiv0.visibility = 'visible';
	} else if (document.all){
		eval("document.all." + DivName + ".style.visibility = 'hidden'");
		document.all.klDiv0.style.visibility = 'visible';
	}
}


var curKleur1	= 0;
var curKleur2	= 1;
var curDiv	= 1;

var KleurStaalStr	= "prod_rkozijn_staal_";

/*
for (i=0; i<=28; i++){
	eval ("var Staal_" + i + "_Img = new Image();\n");
	eval ("Staal_" + i + "_Img.src = '_images/art/" + KleurStaalStr + i + "_.gif';\n");
}
*/




function ZetKleur(KleurNum){
	if (curDiv == 1){
		SetImg("stalenDiv", "Staal_" + curKleur1, KleurStaalStr + curKleur1 + ".gif");
		SetImg("stalenDiv", "Staal_" + KleurNum, KleurStaalStr + KleurNum + "_.gif");
		SetImg("kleurDiv" + curDiv, "kleurImg", "prod_rkozijn_kleur_" + KleurNum + ".gif");
		curKleur1 = KleurNum;
	} else {
		SetImg("stalenDiv", "Staal_" + curKleur2, KleurStaalStr + curKleur2 + ".gif");
		SetImg("stalenDiv", "Staal_" + KleurNum, KleurStaalStr + KleurNum + "_.gif");
		SetImg("kleurDiv" + curDiv, "kleurImg2", "prod_raam_kleur_" + KleurNum + ".gif");
		curKleur2 = KleurNum;
	}
}


function KleurOver(KleurNum){
	SetImg("stalenDiv", "Staal_" + KleurNum, KleurStaalStr + KleurNum + "_.gif");
}


function KleurOut(KleurNum){
	if (curDiv == 1)
		if (KleurNum != curKleur1)
			SetImg("stalenDiv", "Staal_" + KleurNum, KleurStaalStr + KleurNum + ".gif");
	if (curDiv == 2)
		if (KleurNum != curKleur2)
			SetImg("stalenDiv", "Staal_" + KleurNum, KleurStaalStr + KleurNum + ".gif");
}


function ZetPijl(PijlNum, Status){
	if (!(PijlNum == curDiv && Status == "uit")){
		if (document.layers){
			eval("document.menu.document.Pijl" + PijlNum + ".src = '_images/art/pijl_" + Status + ".gif'");
		} else if (document.all){
			eval("document.Pijl" + PijlNum + ".src = '_images/art/pijl_" + Status + ".gif'");
		}
	}
}


function ZetCurDiv(DivNum){
	if (document.layers){
		eval("document.menu.document.Pijl" + curDiv + ".src = '_images/art/pijl_uit.gif'");
		eval("document.menu.document.Pijl" + DivNum + ".src = '_images/art/pijl_aan.gif'");
	} else {
		eval("document.Pijl" + curDiv + ".src = '_images/art/pijl_uit.gif'");
		eval("document.Pijl" + DivNum + ".src = '_images/art/pijl_aan.gif'");
	}
	curDiv = DivNum;
}