/* SNYGG MAKE UP OCH KREATION - AJAX SCRIPTS */
function getAjaxObj() { //Skapar AJAX-Objekt
	if (window.XMLHttpRequest){ // IE7+, Firefox, Chrome, Opera och Safari
		return new XMLHttpRequest();
	}
	else if (window.ActiveXObject){ // IE6 och IE5
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
	else { //Andra Webläsare..
		alert("Din webläsare stödjer dessvärre inte innehållet på denna sida.");
		return null;
	}
}
function setOutput(sStatus, sData, outEle){ //Standardfunktion för att behandla data i en AJAX request.
	if(sStatus == 200){
		document.getElementById(outEle).innerHTML = sData;
	}
}
function setOutputWindow(sStatus, sData, outEle){ //Standardfunktion för att behandla data i en AJAX request.
	if(sStatus == 200){
		window.document.url = sData;
	}
}
function loadScript(filename, type) { //För att ladda script, java och css.
	if(type == "js") {
		var fileref = document.createElement("script");
		fileref.setAttribute("type", "text/javascript");
		fileref.setAttribute("src", filename);
	}
	else if(type == "css") {
		var fileref = document.createElement("link");
		fileref.setAttribute("rel", "stylesheet");
		fileref.setAttribute("type", "text/css");
		fileref.setAttribute("media", "screen");
		fileref.setAttribute("href", filename);
	}
	document.getElementsByTagName("head")[0].appendChild(fileref);
}
function nav(url, outEle){ //Navigering på Index
	var aObj =  getAjaxObj();
	aObj.onreadystatechange = function() {
		if(aObj.readyState == 4){
			setOutput(aObj.status, aObj.responseText, outEle);
			if(url == "portfolio.php"){ //Ladda script för slimbox på portfoliosidan.
				loadScript("js/slimbox2.js", "js");
				loadScript("css/slimbox2.css", "css");
			}
			else if (url == "gastbok.php"){
				openInDiv('gbokposter.php','gContent');
			}
		}
		
		//else {
		//	document.getElementById(outEle).innerHTML = "Laddar...";
		//}
		
	};
	var postVars = "t="+Math.random();
	aObj.open("POST", url, true);
	aObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	aObj.send(postVars);
	
	//Formatering av menylänkar
	document.getElementById("start.php").style.color = "";
	document.getElementById("portfolio.php").style.color = "";
	document.getElementById("butik.php").style.color = "";
	document.getElementById("behandlingar.php").style.color = "";
	document.getElementById("gastbok.php").style.color = "";
	document.getElementById("blogg.php").style.color = "";
	document.getElementById("kontakt.php").style.color = "";
	
	document.getElementById(url).style.color = "#f00093";
}
function openInDiv(url, outEle) { //Standardfunktion för att öppna en sida i en div.
	var aObj =  getAjaxObj();
	
	aObj.onreadystatechange = function() {
		if (aObj.readyState == 4) {
			setOutput(aObj.status, aObj.responseText, outEle);
		}
	};
	var postVars = "t="+Math.random();
	aObj.open("POST", url, true);
	aObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	aObj.send(postVars);
}
function storeGb() { //Gästboksfunktion
	var aObj = getAjaxObj();
	
	var namn = document.getElementById("gNamn").value;
	var epost  = document.getElementById("gEpost").value;
	var meddelande = document.getElementById("gMed").value;
	var namn_val;
	var epost_val;
	var meddelande_val;
	var emailfilter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
	
	if(namn == ""){ //Namnfilter
		document.getElementById("gSingelRightNamn").innerHTML = "<input type='text' class='gNorm' id='gNamn' value='"+namn+"' /><span style='color: red'> [x]</span>";
		namn_val = false;
	}
	else {
		document.getElementById("gSingelRightNamn").innerHTML = "<input type='text' class='gNorm' id='gNamn' value='"+namn+"' />";
		namn_val = true;
	}
	if(!emailfilter.test(epost)){ //Epostfilter
		document.getElementById("gSingelRightEpost").innerHTML = "<input type='text' class='gNorm' id='gEpost' value='"+epost+"' /><span style='color: red'> [x]</span>";
		epost_val = false;
	}
	else {
		document.getElementById("gSingelRightEpost").innerHTML = "<input type='text' class='gNorm' id='gEpost' value='"+epost+"' />";
		epost_val = true;
	}
	if(meddelande == ""){ // Meddelandefilter
		document.getElementById("gTextRight").innerHTML = "<textarea type='text' class='gMed' id='gMed' name='gMeddelande'>"+meddelande+"</textarea><span style='color: red'> [x]</span>";
		meddelande_val = false;
	}
	else {
		document.getElementById("gTextRight").innerHTML = "<textarea type='text' class='gMed' id='gMed' name='gMeddelande'>"+meddelande+"</textarea>";
		meddelande_val = true;
	}
	
	if(namn_val == true && epost_val == true && meddelande_val == true){
		aObj.onreadystatechange = function() {
			if (aObj.readyState == 4) {
				setOutput(aObj.status, aObj.responseText, "gContent");
			}
		};
		var postVars = "namn="+namn+"&epost="+epost+"&meddelande="+meddelande;
		aObj.open("POST", "gbokposter.php", true);
		aObj.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
		aObj.send(postVars);
		
		document.getElementById("gNamn").value = "";
		document.getElementById("gEpost").value = "";
		document.getElementById("gMed").value = "Tack för ditt meddelande!";
	}	
}
function sendRegMail() { //registrering steg 1
	var aObj = getAjaxObj();
	
	var regEmail  = document.getElementById("regEmail").value;
	var regEmailRepeat = document.getElementById("regEmailRepeat").value;
	var epost_val;
	var epost_repeat;
	var emailfilter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
	
	if(!emailfilter.test(regEmail)){ //Epostfilter
		document.getElementById("regEmailDiv").innerHTML = "<input type='text' class='bNorm' id='regEmail' value='"+regEmail+"' /><span style='color: red'> [x]</span>";
		epost_val = false;
	}
	else {
		document.getElementById("regEmailDiv").innerHTML = "<input type='text' class='bNorm' id='regEmail' value='"+regEmail+"' />";
		epost_val = true;
	}
	if(regEmail != regEmailRepeat){ //Kollar så epost matchar
		document.getElementById("regEmailRepeatDiv").innerHTML = "<input type='text' class='bNorm' id='regEmailRepeat' value='"+regEmailRepeat+"' /><span style='color: red'> [x]</span>";
		epost_repeat = false;
	}
	else {
		document.getElementById("regEmailRepeatDiv").innerHTML = "<input type='text' class='bNorm' id='regEmailRepeat' value='"+regEmailRepeat+"' />";
		epost_repeat = true;
	}
	
	if(epost_val == true && epost_repeat == true){
		aObj.onreadystatechange = function() {
			if (aObj.readyState == 4) {
				setOutput(aObj.status, aObj.responseText, "content");
			}
		};
		var postVars = "epost="+regEmail;
		aObj.open("POST", "regSendmail.php", true);
		aObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		aObj.send(postVars);
	}	
}
function registerAcc() { //registrering slutförande
	var aObj = getAjaxObj();
	
	var regEmail = document.getElementById("regEmailDiv").innerHTML;
	var regPassword = document.getElementById("regPassword").value;
	var regPasswordRepeat = document.getElementById("regPasswordRepeat").value;
	var regFirstname = document.getElementById("regFirstname").value;
	var regLastname = document.getElementById("regLastname").value;
	var regAdress = document.getElementById("regAdress").value;
	var regPostnr = document.getElementById("regPostnr").value;
	var regOrt = document.getElementById("regOrt").value;
	var regTelefonDag = document.getElementById("regTelefonDag").value;
	var regTelefonMob = document.getElementById("regTelefonMob").value;
	
	var valPassword = false;
	var valPasswordRepeat = false;
	var valFirstname = false;
	var valLastname = false;
	var valAdress = false;
	var valPostnr = false;
	var valOrt = false;
	var valTelefonDag = false;
	var valTelefonMob = false;
	
	if(regPassword.length <= 5){
		document.getElementById("regPasswordDiv").innerHTML = "<input type='password' class='bNorm' id='regPassword' value='' /><span style='color: red'> [x] Minst 6 tecken</span>";
		valPassword = false;
	}
	else {
		document.getElementById("regPasswordDiv").innerHTML = "<input type='password' class='bNorm' id='regPassword' value='' />";
		valPassword = true;
	}
	if(regPassword != regPasswordRepeat){
		document.getElementById("regPasswordRepeatDiv").innerHTML = "<input type='password' class='bNorm' id='regPasswordRepeat' value='' /><span style='color: red'> [x] Matchar inte</span>";
		valPasswordRepeat = false;
	}
	else {
		document.getElementById("regPasswordRepeatDiv").innerHTML = "<input type='password' class='bNorm' id='regPasswordRepeat' value='' />";
		valPasswordRepeat = true;
	}
	if(!regFirstname){
		document.getElementById("regFirstnameDiv").innerHTML = "<input type='text' class='bNorm' id='regFirstname' value='"+regFirstname+"' /><span style='color: red'> [x] Måste fyllas i</span>";
		valFirstname = false;
	}
	else {
		document.getElementById("regFirstnameDiv").innerHTML = "<input type='text' class='bNorm' id='regFirstname' value='"+regFirstname+"' />";
		valFirstname = true;
	}
	if(!regLastname){
		document.getElementById("regLastnameDiv").innerHTML = "<input type='text' class='bNorm' id='regLastname' value='"+regLastname+"' /><span style='color: red'> [x] Måste fyllas i</span>";
		valLastname = false;
	}
	else {
		document.getElementById("regLastnameDiv").innerHTML = "<input type='text' class='bNorm' id='regLastname' value='"+regLastname+"' />";
		valLastname = true;
	}
	if(!regAdress){
		document.getElementById("regAdressDiv").innerHTML = "<input type='text' class='bNorm' id='regAdress' value='"+regAdress+"' /><span style='color: red'> [x] Måste fyllas i</span>";
		valAdress = false;
	}
	else {
		document.getElementById("regAdressDiv").innerHTML = "<input type='text' class='bNorm' id='regAdress' value='"+regAdress+"' />";
		valAdress = true;
	}
	if(regPostnr.length <= 4){
		document.getElementById("regPostnrDiv").innerHTML = "<input type='text' class='bNorm' id='regPostnr' value='"+regPostnr+"' /><span style='color: red'> [x] Minst 5 siffror</span>";
		valPostnr = false;
	}
	else {
		document.getElementById("regPostnrDiv").innerHTML = "<input type='text' class='bNorm' id='regPostnr' value='"+regPostnr+"' />";
		valPostnr = true;
	}
	if(!regOrt){
		document.getElementById("regOrtDiv").innerHTML = "<input type='text' class='bNorm' id='regOrt' value='"+regOrt+"' /><span style='color: red'> [x] Måste fyllas i</span>";
		valOrt = false;
	}
	else {
		document.getElementById("regOrtDiv").innerHTML = "<input type='text' class='bNorm' id='regOrt' value='"+regOrt+"' />";
		valOrt = true;
	}
	if(!regTelefonDag){
		document.getElementById("regTelefonDagDiv").innerHTML = "<input type='text' class='bNorm' id='regTelefonDag' value='"+regTelefonDag+"' /><span style='color: red'> [x] Måste fyllas i</span>";
		valTelefonDag = false;
	}
	else {
		document.getElementById("regTelefonDagDiv").innerHTML = "<input type='text' class='bNorm' id='regTelefonDag' value='"+regTelefonDag+"' />";
		valTelefonDag = true;
	}
	if(!regTelefonMob){
		document.getElementById("regTelefonMobDiv").innerHTML = "<input type='text' class='bNorm' id='regTelefonMob' value='"+regTelefonMob+"' /><span style='color: red'> [x] Måste fyllas i</span>";
		valTelefonMob = false;
	}
	else {
		document.getElementById("regTelefonMobDiv").innerHTML = "<input type='text' class='bNorm' id='regTelefonMob' value='"+regTelefonMob+"' />";
		valTelefonMob = true;
	}
	
	if(valPassword && valPasswordRepeat && valFirstname && valLastname && valAdress && valPostnr && valOrt && valTelefonDag && valTelefonMob){
		aObj.onreadystatechange = function() {
			if (aObj.readyState == 4) {
				setOutput(aObj.status, aObj.responseText, "content");
			}
		};
		var postVars = "regEmail="+regEmail+"&regPassword="+regPassword+"&regFirstname="+regFirstname+"&regLastname="+regLastname+"&regAdress="+regAdress+"&regPostnr="+regPostnr+"&regOrt="+regOrt+"&regTelefonDag="+regTelefonDag+"&regTelefonMob="+regTelefonMob;
		aObj.open("POST", "regComplete.php", true);
		aObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		aObj.send(postVars);
	}	
}
function doLogin() { //login
	
	var loginEmail = document.getElementById("loginEmail").value;
	var loginPass = document.getElementById("loginPass").value;
	
	var valEmail = false;
	var valPass = false;
	
	if(!loginEmail){
		document.getElementById("loginEmailDiv").innerHTML = "<input type='text' class='bNorm' id='loginEmail' value='"+loginEmail+"' /><span style='color: red'> [x]</span>";
		valEmail = false;
	}
	else {
		document.getElementById("loginEmailDiv").innerHTML = "<input type='text' class='bNorm' id='loginEmail' value='"+loginEmail+"' />";
		valEmail = true;
	}
	if(!loginPass){
		document.getElementById("loginPassDiv").innerHTML = "<input type='password' class='bNorm' id='loginPass' value='"+loginPass+"' /><span style='color: red'> [x]</span>";
		valPass = false;
	}
	else {
		document.getElementById("loginPassDiv").innerHTML = "<input type='password' class='bNorm' id='loginPass' value='"+loginPass+"' />";
		valPass = true;
	}
	
	if(valEmail && valPass){
		return true;
	}
	else {
		return false;
	}
}