/****************************************************************************************************
Javascript function for myOwnSpa
****************************************************************************************************/
function myOwnSpa(key2, key3, option) {
 myOwnSpaWindow = open("./myownspa.php?key2="+key2+"&key3="+key3+"&"+option,"myownspa","width=800px,height=600px,resizeable=no,location=no,directories=no,menubar=no,status=no");
  } 

function selCol1(bild,farbName,key3){
//alert(document.images["col1"].src);
 //document.images["col1"].src = bild;
 document.getElementsByName("col1")[0].src = bild;
 document.getElementsByName("col1text")[0].value = farbName;
 document.getElementsByName("col1id")[0].value = key3;
}


function selCol2(bild,farbName,key3){
 document.getElementsByName("col2")[0].src = bild;
 document.getElementsByName("col2text")[0].value = farbName;
 document.getElementsByName("col2id")[0].value = key3;
}

function checkForm(){
var fehler = false;
 if (document.getElementsByName("col1id")[0].value == "none"){
 alert("Fehler: Es wurde keine Shellfarbe ausgewählt.");
 fehler = true;
}
 if (document.getElementsByName("col2id")[0].value == "none" && fehler == false){
alert("Fehler: Es wurde keine Cabinetfarbe ausgewählt.");
fehler = true;
}

if (fehler != true){
document.getElementById("form").submit();
}
}

function setStep(x){

document.getElementById("col1sel").style.display = "none";
document.getElementById("col1link").style.display = "none";
document.getElementById("col2sel").style.display = "none";
document.getElementById("col2link").style.display = "none";
document.getElementById("col2sel2").style.display = "none";
document.getElementById("col2top").style.display = "none";
document.getElementById("ext1sel").style.display = "none";
document.getElementById("ext1link").style.display = "none";

if(x == 1){
document.getElementById("col1sel").style.display = "inline";
document.getElementById("col1link").style.display = "inline";
}

if(x == 2){
	document.getElementById("col2sel").style.display = "inline";
	document.getElementById("col2link").style.display = "inline";
	document.getElementById("col2sel2").style.display = "inline";
	document.getElementById("col2top").style.display = "inline";
}

if(x == 3){
	document.getElementById("col2sel2").style.display = "inline";
	document.getElementById("col2top").style.display = "inline";

	document.getElementById("ext1sel").style.display = "inline";
	document.getElementById("ext1link").style.display = "inline";

}

}