/**
 * @author Kai
 */
var smallSize = 50;
var bigSize = 60;
var Bilder = new Array();


Bilder[0] = new Object();
Bilder[0]["name"] = "fisch.jpg";
Bilder[0]["id"] = "Fisch";
Bilder[0]["zweifarb"] = 0;
Bilder[0]["bandstring"] = "Bitte such Dir noch ein Zierband aus:";
Bilder[0]["band"] = 0;
Bilder[0]["confimg"] = "konfigurator/FISCH.PNG";
	
//Bilder[1] = new Object();
//Bilder[1]["name"] = "ente.jpg";
//Bilder[1]["id"] = "Ente";
//Bilder[1]["zweifarb"] = 1;
//Bilder[1]["farbstring"] = "Welche Farbe soll der Entenflügel haben?";
//Bilder[1]["band"] = 0;
//Bilder[1]["confimg"] = "konfigurator/ENTE.PNG";

//Bilder[2] = new Object();
//Bilder[2]["name"] = "auto.jpg";
//Bilder[2]["id"] = "Auto";
//Bilder[2]["zweifarb"] = 1;
//Bilder[2]["farbstring"] = "Welche Farbe sollen die Fensterscheiben haben?";
//Bilder[2]["band"] = 0;
//Bilder[2]["confimg"] = "konfigurator/AUTO.PNG";

Bilder[1] = new Object();
Bilder[1]["name"] = "mond.jpg";
Bilder[1]["id"] = "Mond";
Bilder[1]["zweifarb"] = 0;
Bilder[1]["bandstring"] = "Bitte suchen Sie sich noch ein Zierband aus:";
Bilder[1]["band"] = 1;
Bilder[1]["confimg"] = "konfigurator/MOND.PNG";

Bilder[2] = new Object();
Bilder[2]["name"] = "krone.jpg";
Bilder[2]["id"] = "Krone";
Bilder[2]["zweifarb"] = 0;
Bilder[2]["bandstring"] = "Bitte suchen Sie sich noch ein Zierband aus:";
Bilder[2]["band"] = 1;
Bilder[2]["confimg"] = "konfigurator/KRONE.PNG";

Bilder[3] = new Object();
Bilder[3]["name"] = "Stern.jpg";
Bilder[3]["id"] = "Stern";
Bilder[3]["zweifarb"] = 0;
Bilder[3]["bandstring"] = "Bitte suchen Sie sich noch ein Zierband aus:";
Bilder[3]["band"] = 1;
Bilder[3]["confimg"] = "konfigurator/STERN.PNG";

Bilder[4] = new Object();
Bilder[4]["name"] = "konfigurator/drache-initial.jpg";
Bilder[4]["id"] = "Drache";
Bilder[4]["zweifarb"] = 0;
Bilder[4]["bandstring"] = "Bitte suchen Sie sich noch ein Zierband aus:";
Bilder[4]["band"] = 1;
Bilder[4]["confimg"] = "konfigurator/DRACHE.png";

Bilder[5] = new Object();
Bilder[5]["name"] = "konfigurator/eichhorn-initial.jpg";
Bilder[5]["id"] = "Drache";
Bilder[5]["zweifarb"] = 0;
Bilder[5]["bandstring"] = "Bitte suchen Sie sich noch ein Zierband aus:";
Bilder[5]["band"] = 1;
Bilder[5]["confimg"] = "konfigurator/EICHHORN.png";

Bilder[6] = new Object();
Bilder[6]["name"] = "konfigurator/reh-initial.jpg";
Bilder[6]["id"] = "Reh";
Bilder[6]["zweifarb"] = 0;
Bilder[6]["bandstring"] = "Bitte suchen Sie sich noch ein Zierband aus:";
Bilder[6]["band"] = 1;
Bilder[6]["confimg"] = "konfigurator/REH.png";

//Bilder[7] = new Object();
//Bilder[7]["name"] = "konfigurator/HERZ.png";
//Bilder[7]["id"] = "Herz";
//Bilder[7]["zweifarb"] = 0;
//Bilder[7]["bandstring"] = "Bitte suchen Sie sich noch ein Zierband aus:";
//Bilder[7]["band"] = 1;
//Bilder[7]["confimg"] = "konfigurator/HERZ.png";





var selectedId="";
var FormBild="";
var Farbe1="";
var Farbe2="";
var disableOutEvent=false;
var OpacitySel=false;	
var secondCol=false;
var formOne="";
var colOld="";
var band=false;
ie =false;

if ( window.ActiveXObject ){
 ie=true;
}

function formleave(ident){
	if (disableOutEvent==false){
		if (selectedId!=ident){
			document.getElementById(ident).style.width=smallSize;
			if (OpacitySel==false){
				if (ie==false){
				document.getElementById(ident).style.opacity='0.8'
				}
			}else{
				if (ie==false){
				document.getElementById(ident).style.opacity='0.2'
				}
			}
		}
	}
}

function resetsize(ident){
	document.getElementById(ident).style.width=smallSize;
	if (ie == false) {
		document.getElementById(ident).style.opacity = '0.2';
		OpacitySel = true;
	}
}

function formfocus(ident){
	disableOutEvent=false;
	document.getElementById(ident).style.width=bigSize;
	if (ie == false) {
		document.getElementById(ident).style.opacity = '1.0';
	}
}

function formselect(ident,objId){
	selPic = "../bilder/"+Bilder[objId]["name"];
	//alert(selPic);
	formOne = Bilder[objId]["id"];
	var newContent = '<img src="' + selPic + '" alt="Leider noch keine Abbildung vorhanden" '+Bilder[objId]["id"]+'" width="100" height="100" />';
	document.getElementById('passbild-form').innerHTML=newContent;
	
	selPic2 = "../bilder/"+Bilder[objId]["confimg"];
	FormBild  = "../bilder/"+Bilder[objId]["confimg"];
	//alert(selPic2);
	var newContent = '<img src="' + selPic2 + '" alt="Leider noch keine Abbildung vorhanden" '+Bilder[objId]["id"]+'" width="100" height="100" />';
	//alert(newContent);
	document.getElementById('passbild-test3').innerHTML=newContent;
	
	
	document.getElementById('zweitfarbestring').innerHTML ='';
	
	if (Bilder[objId]["band"]==1){
		document.getElementById('passbild-band').style.display='block';
		document.getElementById('baenderstring').innerHTML = Bilder[objId]["bandstring"];
		band=true;
		//colTwo=colOld;
		if (colSelect==true){
			document.getElementById('baender').style.display='block';
		}
		if (bandTwo == ""){
			document.getElementById('weiterpart1').style.display='none';
		}
	}else{
		document.getElementById('baender').style.display='none';
		document.getElementById('passbild-test2').innerHTML='';
		document.getElementById('passbild-band').innerHTML='';
		document.getElementById('passbild-band').style.display='none';
		band=false;
		bandTwo="";
		bandSelect2=false;
		
	}
	
	colChoice = Bilder[objId]["zweifarb"];
	if (colChoice==1){
		document.getElementById('zweitfarbestring').innerHTML = Bilder[objId]["farbstring"];
		secondCol=true;
		colTwo=colOld;
		if (colSelect==true){
			document.getElementById('zweitfarbe').style.display='block';
		}
		if (colTwo==""){
			document.getElementById('weiterpart1').style.display='none';
		}

	}else{
		secondCol=false;
		colOld=colTwo;
		colTwo="";
		document.getElementById('zweitfarbe').style.display='none';
	}

	if (colOne==""){
	}
	
	if (colOne!=""){
		selPic="../bilder/"+formOne + colOne + ".jpg"
	}else if (colTwo != "") {
		selPic="../bilder/"+formOne + colOne + colTwo + ".jpg";
	}
	if (bandTwo!=""){
		selPic="../bilder/"+formOne + colOne + bandTwo + ".jpg";
	}
	

	if (ie == false) {
		document.getElementById(ident).style.opacity = '1.0';
	}

	disableOutEvent=true;
	selectedId=ident;
	var i = 0;

	while (i < Bilder.length) {
		if (i != objId) {

			resetsize(Bilder[i]["id"]);
		}
		i++;
	}
	document.getElementById('erstfarbe').style.display='block';
	document.getElementById('melodiesel').style.display='block';
}