// Globale Variable zur Zaehlung der angewaehlten Bilder  
a = 0;

function duftbild_testen(nr,g){

	// Funktion zur korrekten Anwendung der Drei-Alternativen-Beschraenkung und zum Rahmenwechsel beim Anwaehlen
	var nummer = parseInt(nr);
	var groesse = parseInt(g);
	var j = 0;
	
	// Browserkompatibilitaet sicherstellen, verschiedene Syntax fuer FF, IE, Chrome
	if ((document.getElementById(nummer).style.borderColor == "black") || (document.getElementById(nummer).style.borderColor == "black black black black") ){
		
		document.getElementById(nummer).style.border = "medium solid #ff00ff";
		
		a++;
		
	
	} else {
	
		document.getElementById(nummer).style.border = "thin solid black";
		a--;
	
	};
	
	if (a>2) {
	
		document.getElementById("warnung").style.visibility = "visible";
		document.getElementById("senden").disabled = true;
	
	} else {
	
		document.getElementById("warnung").style.visibility = "hidden";
		document.getElementById("senden").disabled = false;
		
	}
	
	document.getElementById("duftbild1").value = "";
	document.getElementById("duftbild2").value = "";

	for (i=1;i<=groesse;i++){
	
		// Browserkompatibilitaet nochmals sicherstellen
		if ((document.getElementById(i).style.borderColor == "rgb(255, 0, 255)") || (document.getElementById(i).style.borderColor == "#ff00ff") || (document.getElementById(i).style.borderColor == "rgb(255, 0, 255) rgb(255, 0, 255) rgb(255, 0, 255) rgb(255, 0, 255)")){
		
			j++; 
			if (j==1) {document.getElementById("duftbild1").value = i;};
			if (j==2) {document.getElementById("duftbild2").value = i;};
		}
	};
};

function formularreset(groesse){

	// Funktion zum Ruecksetzen der grafischen Oberflaeche
	var g = groesse;
	
	for (i=1;i<=groesse;i++){
		document.getElementById(i).style.border = "thin solid black";
	};
	
	a = 0;
	
	document.getElementById("warnung").style.visibility = "hidden";
	document.getElementById("senden").disabled = false;
	document.getElementById("duftbild1").value = "";
	document.getElementById("duftbild2").value = "";
};

function setImageActive(sImageFolderSrc, aImageArray, oThis){

	aImageArray.each(function(sValue){
		$(sValue).src = sImageFolderSrc+sValue+'.jpg';
		$(sValue).className = ''; 
	});
	
	$(oThis.id).src = sImageFolderSrc+oThis.id+'r.jpg';
	//temporary css class for the mouseover effect
	$(oThis.id).className = 'zr4pz40';
}

function setMouseOverImage(sImageFolderSrc, oThis){
	if($(oThis.id).className != 'zr4pz40'){
		$(oThis.id).src = sImageFolderSrc+oThis.id+'r.jpg';
	}
}

function setMouseOutImage(sImageFolderSrc, oThis){
	if($(oThis.id).className != 'zr4pz40'){
		$(oThis.id).src = sImageFolderSrc+oThis.id+'.jpg';
	}
}

//Globales Array
var aSelectedCheckboxes = new Array();
var aCheckedHTMLBoxes = new Array();

//Diese Funktion setzt eine bestimmte Anzahl von Checkboxen über ein Image aktiv
function setCheckboxActive(sImageFolderSrc, aImageArray, iLabelQuantity, oThis, iHtmlBoxId, iPage){

	//Wenn dieses Img noch nicht engeklickt wurde hat es auch nicht die besagte Klasse
	if (oThis.className != 'zr4pz40') {
		//Sind bereits soviele angeklickt wie erlaubt?
		if (aSelectedCheckboxes.length == iLabelQuantity) {
			//Fehler einblenden
			$('error'+iPage).style.visibility = 'visible';
			//nicht aktives Image setzen
			$(aSelectedCheckboxes[0]).src = sImageFolderSrc + aSelectedCheckboxes[0] + '.jpg';
			//unsichtbare checkbox abhaken
			$(aCheckedHTMLBoxes[0]).checked = false;
			//nach dem abhaken die Klasse entfernen
			$(aSelectedCheckboxes[0]).className = '';
			
			//erstes Element löschen
			aSelectedCheckboxes.shift();
			aCheckedHTMLBoxes.shift();
			
			//neues Element hinzufügen
			aSelectedCheckboxes.push(oThis.id);
			aCheckedHTMLBoxes.push(iHtmlBoxId);
			
			//temporary css class for the mouseover effect
			$(oThis.id).className = 'zr4pz40';
		}else {
			aSelectedCheckboxes.push(oThis.id);
			aCheckedHTMLBoxes.push(iHtmlBoxId);
			//temporary css class for the mouseover effect
			$(oThis.id).className = 'zr4pz40';
		}
		
		aCheckedHTMLBoxes.each(function(sValue){
			$(sValue).checked = true;
		});
				
		aSelectedCheckboxes.each(function(sValue){
			$(sValue).src = sImageFolderSrc + sValue + 'r.jpg';
		});
	}else {
		//Else zweig: Wenn ein bereits angehaktes Image erneut angeklickt wird. Wenn es also bereits die Klasse besitzt,
		//wird das anghakte auf inaktiv getzt und aus dem jeweiligen globalen Array gelöscht
		oThis.className = '';
		oThis.src = sImageFolderSrc + oThis.id + '.jpg';
		$(iHtmlBoxId).checked = false;
		
		//Fehler ausblenden
		$('error'+iPage).style.visibility = 'hidden';
		
		for (var i = 0; i <= aSelectedCheckboxes.length; i++) {
			if (aSelectedCheckboxes[i] == oThis.id) {
				aSelectedCheckboxes.splice(i, 1);
			}
		}

		for (var i = 0; i <= aCheckedHTMLBoxes.length; i++) {
			if (aCheckedHTMLBoxes[i] == iHtmlBoxId) {
				aCheckedHTMLBoxes.splice(i, 1);
			}
		}
	}
}