function showElement(Element) {
	//document.getElementById(Element).style.display = 'block';
	document.getElementById(Element).style.visibility = 'visible';
}
function hideElement(Element) {
	//document.getElementById(Element).style.display = 'none';
	document.getElementById(Element).style.visibility = 'hidden';
}

var steg2 = false;
var steg3 = false;

function processSteg1(obj) {
	if (obj.value == "gruppe") {
		if (steg2) {
			opacity("spaguide_2", 100, 0, 500);
			setTimeout("hideElement('spaguide_2')", 500);
			steg2 = false;
		}
		if (steg3) {
			opacity("spaguide_3", 100, 0, 500);
			setTimeout("hideElement('spaguide_3')", 500);
			steg3 = false;
		}
		checkall("spaguide_form", "kon", false);
		document.getElementById('onskar').selectedIndex = "0"
		hideResult();
		setTimeout("makeRequest('/spaguide-do.asp', '?typ=" + obj.value + "')", 200);
	} else { //(obj.value == "self")
		if (!steg2) {
			hideResult();
			showElement("spaguide_2");
			opacity("spaguide_2", 0, 100, 500);
			setTimeout("document.getElementById('spaguide_2').style.filter = 'none'", 500);
			steg2 = true;
		}
	}
}

function hideResult() {
	opacity("result", 100, 0, 200);
	setTimeout("document.getElementById('result').innerHTML = ''", 200);
}

var throwawayNode;
function processSteg2(obj) {
	var onskar = document.getElementById("onskar"); 
	var selected = onskar.selectedIndex;
	if (obj.value == "kvinna") {
		if(document.getElementById("option_barbering")){
			var barbering = document.getElementById("option_barbering"); 
			throwawayNode = onskar.removeChild(barbering);
			if (selected == 6){
				selected = 0;
				onskar.selectedIndex = selected;
				hideResult();
				return false;
			}
			onskar.selectedIndex = selected;
		}
		//hideElement("option_barbering");
	} else {
		if(!document.getElementById("option_barbering")){
			onskar.appendChild(throwawayNode);
			onskar.selectedIndex = selected;
		}
		//showElement("option_barbering");
	}
	if (!steg3) {
		showElement("spaguide_3");
		opacity("spaguide_3", 0, 100, 500);
		steg3 = true;
	} else if (selected != 0) {
		hideResult();
		//get(document.getElementById('spaguide_form'));
		setTimeout("get(document.getElementById('spaguide_form'))", 200);
	}
}

function processSteg3(obj) {
	var onskar = document.getElementById("onskar"); 
	var selected = onskar.selectedIndex;
	hideResult();
	if (selected != 0) {
		setTimeout("get(document.getElementById('spaguide_form'))", 200);
	}
}

function checkall(formname,checkname,thestate){
	var el_collection=eval("document.forms."+formname+"."+checkname);
	//var el_collection=eval("document.getElementById('"+id+"')");
	for (c=0;c<el_collection.length;c++) {
		el_collection[c].checked=thestate;
	}
}

function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

var http_request = false;
function makeRequest(url, parameters) {
  http_request = false;
  if (window.XMLHttpRequest) { // Mozilla, Safari,...
	 http_request = new XMLHttpRequest();
	 if (http_request.overrideMimeType) {
		//http_request.overrideMimeType('text/xml; charset=iso-8859-1');
		// set type accordingly to anticipated content type
		//http_request.overrideMimeType('text/xml');
		http_request.overrideMimeType('text/html');
	 }
  } else if (window.ActiveXObject) { // IE
	 try {
		http_request = new ActiveXObject("Msxml2.XMLHTTP");
	 } catch (e) {
		try {
		   http_request = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e) {}
	 }
  }
  if (!http_request) {
	 alert('Cannot create XMLHTTP instance');
	 return false;
  }
  http_request.onreadystatechange = alertContents;
  http_request.open('GET', url + parameters, true);
  http_request.send(null);
}

function alertContents() {
  if (http_request.readyState == 4) {
   
	 if (http_request.status == 200) {
		var result = http_request.responseText;
		//alert(URLDecode(result));
		document.getElementById('result').innerHTML = URLDecode(result);
		opacity("result", 0, 100, 500);
	 } else {
		document.getElementById('result').innerHTML = '<p>There was a problem with the request.</p>';
		opacity("result", 0, 100, 500);
	 }
  }
}

function get(obj) {
  var getstr = "?";
  var inputs = obj.getElementsByTagName("input");
  for (i=0; i<inputs.length; i++) {
	 if (inputs[i].type == "text") {
	   getstr += inputs[i].name + "=" + inputs[i].value + "&";
	 }
	 if (inputs[i].type == "checkbox") {
	   if (inputs[i].checked) {
		  getstr += inputs[i].name + "=" + inputs[i].value + "&";
	   } else {
		  getstr += inputs[i].name + "=&";
	   }
	 }
	 if (inputs[i].type == "radio") {
	   if (inputs[i].checked) {
		  getstr += inputs[i].name + "=" + inputs[i].value + "&";
	   }
	 }
  }
  var selects = obj.getElementsByTagName("select");
  for (i=0; i<selects.length; i++) {
	var sel = selects[i];
	getstr += sel.name + "=" + sel.options[sel.selectedIndex].value + "&";
  }
  makeRequest('/spaguide-do.asp', getstr);
}

function URLDecode(encoded)
{
   // Replace + with ' '
   // Replace %xx with equivalent character
   // Put [ERROR] in output if %xx is invalid.
   var HEXCHARS = "0123456789ABCDEFabcdef";
   var plaintext = "";
   var i = 0;
   while (i < encoded.length) {
       var ch = encoded.charAt(i);
	   if (ch == "+") {
	       plaintext += " ";
		   i++;
	   } else if (ch == "%") {
			if (i < (encoded.length-2) 
					&& HEXCHARS.indexOf(encoded.charAt(i+1)) != -1 
					&& HEXCHARS.indexOf(encoded.charAt(i+2)) != -1 ) {
				plaintext += unescape( encoded.substr(i,3) );
				i += 3;
			} else {
				//alert( 'Bad escape combination near ...' + encoded.substr(i) );
				plaintext += "%[ERROR]";
				i++;
			}
		} else {
		   plaintext += ch;
		   i++;
		}
	} // while
   return plaintext;
   //return false;
};


function oppnaPaket(url, lid) {
	location.href = url + "/lid/" + lid;
}

function setBackgroundColor(elem,color) {
	elem.style.backgroundColor = color;
}

function setLinkHover(elem, on) {
	if (on)
		elem.style.color = '#14748c';
	else
		elem.style.color = '#000';
}


function bookingForm(datum, vuxna, barn, natter, rum, lang) {
	if(!(datum.length >= 8)) { alert('You have not entered a correct date'); }
	else {
		datein = datum.substr(3,2) + "/" + datum.substr(0,2) + "/" + datum.substr(6,4);
		window.open('https://booking.ihotelier.com/istay/istay.jsp?adults=' + vuxna + '&children=' + barn + '&rooms=' + rum + '&DateIn=' + datein + '&length=' + natter + '&hotelid=72725&languageid=' + lang + '', '_blank',',width=920,height=650,scrollbars=no,resizable=yes,status=no,toolbar=no,menubar=no,location=no');
	}
}