function alertSize() {
  myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return myWidth;
  return myHeight;
}



function center_div(divid) {	
	
	//get actual windows sizes
	alertSize();
		
	thediv = document.getElementById(divid);
	
	//width of div
	thediv_width = thediv.offsetWidth;
		
	//height of div
	thediv_height = thediv.offsetHeight;
	
	margin_top = ((myHeight - thediv_height) / 2);
	
	if(myHeight > thediv_height) {
	thediv.style.marginTop = margin_top+"px";
	}
	else {
		thediv.style.marginTop = "20px";
	}
	
	//margin_left = ((myWidth - thediv_width) / 2);
	//thediv.style.marginLeft = margin_left+"px";

	
}

function check_window() {
setInterval("center_div('main')", 10);
}




$(document).ready(

				function(){
					$('#fotos').innerfade({
						animationtype: 'fade',
						speed: 2000,
						timeout: 4500,
						type: 'sequence',
						containerheight: '500'
					});
					
					//$('#fotos').cycle({ 
					  //  fx:    'fade', 
					    //timeout:  4500,
					    //speed: 2000
					 //});
					
			});






//alertSize();

//maxHeight = myHeight - 72;
//maxWidth = myWidth - 63;

	
function show(obj) {
	var item = document.getElementById(obj);
	$(item).show("slow");
}
	
function hide(obj) {
	var item = document.getElementById(obj);
	$(item).hide("slow");
}

function toggle(obj) {
	var item = document.getElementById(obj);
	$(item).toggle("slow");
}

function fadeIn(obj) {
	var item = document.getElementById(obj);
	$(item).fadeIn("slow");
}

function fadeOut(obj) {
	var item = document.getElementById(obj);
	$(item).fadeOut("slow");
}

function fadeToggle(obj) {
	var item = document.getElementById(obj);
	
	if(item.style.display == 'block') {
		$(item).fadeOut("slow");
	}
	else {
		$(item).fadeIn("slow");
	}
}

function slideToggle(obj) {
	var item = document.getElementById(obj);
	$(item).slideToggle("slow");
}




	
//innerhtmlfunctie die dmv eval ook javascript uit zal voeren
function setAndExecute(divId, innerHTML)
		{
		   var div = document.getElementById(divId);
		   div.innerHTML = innerHTML;
		   var x = div.getElementsByTagName("script"); 
		   for(var i=0;i<x.length;i++)
		   {
		       eval(x[i].text);
		   }
		}	
	

		
function toonbeschikbaarheidlarge() {
	
	
   for (var i=0; i < document.kamerselector.kamerid.length; i++)
	   {
	   if (document.kamerselector.kamerid[i].checked)
	      {
	      		kamerid = document.kamerselector.kamerid[i].value;
	      }
	   }
	   
	$.ajax({
		type: "POST",
		url: "toonbeschikbaarheid.php",
		data: "kamerid=" + kamerid,
		success: function(response) {
			setAndExecute("calendar_content", response);
		}
	})
	
}
		


function toonbeschikbaarheidsmall() {
	
	//forms['search']
	
   //for (var i=0; i < document.monthkamerselector.kamerid.length; i++)
   for (var i=0; i < document.forms['monthkamerselector'].kamerid.length; i++)
	   {
	   if (document.forms['monthkamerselector'].kamerid[i].checked)
	      {
	      		kamerid = document.forms['monthkamerselector'].kamerid[i].value;
	      }
	   }
	   
	$.ajax({
		type: "POST",
		url: "toonbeschikbaarheidsmall.php",
		data: "kamerid=" + kamerid,
		success: function(response) {
			setAndExecute("month_content", response);
		}
	})
	
}


		
function checkbeschikbaarheid() {
	
	
	var hetkamerid = $("input[@name='kameridr']:checked").val();
	
	var datumaankomst = document.getElementById('aankomst').value;
	var datumvertrek = document.getElementById('vertrek').value;
	
	if(datumaankomst == '' || datumvertrek == '') {
		
		alert('Vul aub een aankomst- en vertrekdatum in');
		
	}
	
	else {
	
	$.ajax({
		type: "POST",
		url: "checkbeschikbaarheid.php",
		data: "datumaankomst=" + datumaankomst + "&datumvertrek=" + datumvertrek + "&kamerid=" + hetkamerid,
		success: function(response){
			
			if(response == "1") {
				
				setAndExecute("reserverenerrorfield", "Op de door u gekozen data is de Groepsaccomodatie helaas niet beschikbaar. Kijk op <a href=\"beschikbaarheid/\">deze pagina</a> voor alle beschikbare data.");
				
				show("reserverenerrorfield");
				
				var successveld = document.getElementById('reserverensuccessfield');
				if(successveld.style.display == 'block') {
					hide("reserverensuccessfield");
				}

			}
			
			else {
				
								
				setAndExecute("reserverensuccessfield", "De groepsaccomodatie is op de door u gekozen data beschikbaar!");
				
				show("reserverensuccessfield");
				
				var errorveld = document.getElementById('reserverenerrorfield');
				if(errorveld.style.display == 'block') {
					hide("reserverenerrorfield");
				}
			}
			
		}
	});
	
	}
}

function submitform() {
	
	var hetkamerid = $("input[@name='kameridr']:checked").val();
	
	var datumaankomst = document.getElementById('aankomst').value;
	var datumvertrek = document.getElementById('vertrek').value;
	
	if(datumaankomst == '' || datumvertrek == '') {
		
		alert('Vul aub een aankomst- en vertrekdatum in');
		
	}
	
	else {
	
	$.ajax({
		type: "POST",
		url: "checkbeschikbaarheid.php",
		data: "datumaankomst=" + datumaankomst + "&datumvertrek=" + datumvertrek + "&kamerid=" + hetkamerid,
		success: function(response){
			
			if(response == "1") {
				
				setAndExecute("reserverenerrorfield", "Op de door u gekozen data is de Groepsaccomodatie helaas niet beschikbaar. Kijk op <a href=\"beschikbaarheid/\">deze pagina</a> voor alle beschikbare data.");
				
				show("reserverenerrorfield");
				
				var successveld = document.getElementById('reserverensuccessfield');
				if(successveld.style.display == 'block') {
					hide("reserverensuccessfield");
				}

			}
			
			else {
				
				document.myform.submit();
			}
			
		}
	});
	
	}
}