// hide noscript from IE
function hideNoscript() {
	document.getElementById("noscript").style.display = "none";
}
// gesammt validitation

var formular = [];//new Array();
for(var i = 0;i<=8;i++) {
	formular[i] = 1;
}
var globalGeschlecht = "";
var globalJahrgang = "";
var globalLand = "";

function validateForm() {
	var sum = 0;
	for(var i = 0;i<=8;i++) {
		sum = sum + formular[i];
	}
	if(sum === 0) {
		document.getElementById("submit").disabled = false;
		document.getElementById("hinweisPfeil1").style.visibility = "visible";
		document.getElementById("hinweisPfeil2").style.visibility = "visible";
	} else {
		document.getElementById("submit").disabled = true;
		document.getElementById("hinweisPfeil1").style.visibility = "hidden";
		document.getElementById("hinweisPfeil2").style.visibility = "hidden";
	
	}
}

// SimpleInput
function validate_SimpleInput(thisinput,labelid,inputIndex) {
	var label = document.getElementById(labelid);
	if(thisinput.value === "") {
		label.style.color = "red";
		formular[inputIndex] = 1;
	} else {
		label.style.color = "green";
		formular[inputIndex] = 0;
	}
	validateForm();
}

// Geschlecht
function geschlecht_changeLabel(thisRadio) {
	// klick auf radio -> change lable color
	document.getElementById("label-geschlecht").style.color = "green";
	formular[2] = 0;
	validateForm();
	if(thisRadio.id == "field-maedchen") {
		document.getElementById("label-maedchen").style.color = "green";
		globalGeschlecht = "maedchen";
		document.getElementById("label-knabe").style.color = "#0065AE";
	} else {
		document.getElementById("label-maedchen").style.color = "#0065AE";
		document.getElementById("label-knabe").style.color = "green";
		globalGeschlecht = "knabe";
	}
}
function geschlecht_changeRadio(thisSpan) {
	// klick auf label -> change radio
	if(thisSpan.id == "label-maedchen") {
		var radioButton = document.getElementById("field-maedchen");
		globalGeschlecht = "maedchen";
	} else {
		var radioButton = document.getElementById("field-knabe");
		globalGeschlecht = "knabe";
	}
	radioButton.checked = true;
	geschlecht_changeLabel(radioButton);	
}


// Jahrgang
function jahrgang_changeLabel(thisRadio) {
	// klick auf radio -> change lable color
	document.getElementById("label-jahrgang").style.color = "green";
	for(var i = 1997;i<=2006;i++) {
		document.getElementById("label-".concat(i)).style.color = "#0065AE";
	}
	var jahr = thisRadio.id.slice(6);
	document.getElementById("label-".concat(jahr)).style.color = "green";
	globalJahrgang = jahr;
	formular[3]=0;
	validateForm();
}
function jahrgang_changeRadio(thisSpan) {
	// klick auf label -> change radio
	var jahr = thisSpan.id.slice(6);
	var radioButton = document.getElementById("field-".concat(jahr));
	globalJahrgang = jahr;
	radioButton.checked = true;
	jahrgang_changeLabel(radioButton);
}


// Land
function land_changeLabel(thisRadio) {
	// klick auf radio -> change lable color
	document.getElementById("label-land").style.color = "green";
	document.getElementById("label-ch").style.color = "#0065AE";
	document.getElementById("label-a").style.color = "#0065AE";
	document.getElementById("label-d").style.color = "#0065AE";
	document.getElementById("label-fl").style.color = "#0065AE";
	document.getElementById("label-anderes").style.color = "#0065AE";
	var land = thisRadio.id.slice(6);
	document.getElementById("label-".concat(land)).style.color = "green";
	globalLand = land;
	formular[7] = 0;
	validateForm();
}
function land_changeRadio(thisSpan) {
	// klick auf label -> change radio
	var land = thisSpan.id.slice(6);
	var radioButton = document.getElementById("field-".concat(land));
	globalLand = land;
	radioButton.checked = true;
	land_changeLabel(radioButton);
}


// Email
function validate_email(thisInput) {
	var feld = thisInput.value;
	var status = document.getElementById('label-email');
	if(feld === "") {
		status.style.color="red";
		formular[8]=1;
		validateForm();
	} else {
		apos=feld.indexOf("@");
		dotpos=feld.lastIndexOf(".");
		if(apos<1 || dotpos-apos<2 || (dotpos != -1 && dotpos+1-feld.length===0)) {
			status.style.color="red";
			formular[8]=1;
			validateForm();
			//var mailinfo = document.getElementById('mailinfo');
			//if(apos<1) {mailinfo.innerHTML="@ nicht an korrekter Position";}
			//if(dotpos-apos<2) {mailinfo.innerHTML="nach @ muss ein noch ein . vorkommen";}
			//if(dotpos != -1 && dotpos+1-feld.length===0) {mailinfo.innerHTML="nach letztem Punkt müssen noch Buchstaben folgen";}
		} else {
			status.style.color="green";
			formular[8]=0;
			validateForm();
			//mailinfo.innerHTML="";
		}
	}
}

// sending Data
function sendData(){
	var xmlHttp = null;
	try {
	    // Mozilla, Opera, Safari sowie Internet Explorer (ab v7)
	    xmlHttp = new XMLHttpRequest();
	} catch(e) {
	    try {
	        // MS Internet Explorer (ab v6)
	        xmlHttp  = new ActiveXObject("Microsoft.XMLHTTP");
	    } catch(e) {
	        try {
	            // MS Internet Explorer (ab v5)
	            xmlHttp  = new ActiveXObject("Msxml2.XMLHTTP");
	        } catch(e) {
	            xmlHttp  = null;
	        }
	    }
	}
	// Create a function that will receive data sent from the server
	xmlHttp.onreadystatechange = function () {
	        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
				if(navigator.appName == "Microsoft Internet Explorer") {
//					alert('IE');
					document.getElementById("form-table").style.display = "none";
					document.getElementById("IE").innerHTML = '<table style="border-collapse:collapse;width:100%;">'+ xmlHttp.responseText + '</table>';
				} else {
//					alert('nicht ie');
					document.getElementById("form-table").innerHTML = xmlHttp.responseText;
				}
	        }
	    };

	
	if (xmlHttp) {
		var url = "http://ksr.sc-madrisa.ch/sites/reciveFormData.php";
		
		var nachname = document.getElementsByName("nachname")[0].value;
		var vorname = document.getElementsByName("vorname")[0].value;
		var geschlecht = globalGeschlecht;
		var jahrgang = globalJahrgang;
		var strasse = document.getElementsByName("strasse")[0].value;
		var plz = document.getElementsByName("plz")[0].value;
		var ort = document.getElementsByName("ort")[0].value;
		var land = globalLand;
		var email = document.getElementsByName("email")[0].value;
		var skiclub = document.getElementsByName("skiclub")[0].value;
		var telefon = document.getElementsByName("telefon")[0].value;
		var mitteilung = document.getElementsByName("mitteilung")[0].value;
				
		var params = "nachname=".concat(nachname);
		params = params.concat("&vorname=").concat(vorname);
		params = params.concat("&geschlecht=").concat(geschlecht);
		params = params.concat("&jahrgang=").concat(jahrgang);
		params = params.concat("&strasse=").concat(strasse);
		params = params.concat("&plz=").concat(plz);
		params = params.concat("&ort=").concat(ort);
		params = params.concat("&land=").concat(land);
		params = params.concat("&email=").concat(email);
		params = params.concat("&skiclub=").concat(skiclub);
		params = params.concat("&telefon=").concat(telefon);
		params = params.concat("&mitteilung=").concat(mitteilung);

		xmlHttp.open("POST", url, true);
		
		//Send header
		xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xmlHttp.send(params);
	}	
}