var lang = 'nl';
var theSection = 'home';

function init()
{
	var btnArray = ["info", "reservation", "pics", "other"];
	
	for (i=0; i<btnArray.length; i++)
	{
		setBtnHandlers(btnArray[i]);	
	}	
	
	setPicsHandler()
}


function setBtnHandlers(section)
{
	document.getElementById(section).onmouseover = function() 
	{
		document.getElementById(section).style.background = '#fff';
		document.getElementById(section).style.color = '#000';
		//document.getElementById(section).style.borderTop =  '2px solid #28a9e3';	
		document.getElementById(section).style.cursor = 'pointer';
	}
	
	document.getElementById(section).onmouseout = function() 
	{
		document.getElementById(section).style.background = '#000';
		document.getElementById(section).style.color = '#fff';
		//document.getElementById(section).style.borderTop =  '2px solid #000';		
	}
	
	document.getElementById(section).onmouseup = function() 
	{
		getContent(section);	
		//refreshContent(section);
	}
}


function getContent(section)
{
	theSection = section;
	
	var page;
	
	if (lang == '' || lang == 'nl' || section == 'pics')
	{
		page = "pages/" + section + ".htm"
	} else {
		page = "pages/" + section + "_" + lang + ".htm"
	}
	ajaxpage(page, "content");
	//dhtmlHistory.add(section,section);
}

function setDateHandler()
{
	if(lang != 'en')
	{
		$.datepicker.setDefaults($.datepicker.regional[lang]);
		$('#sdate').datepicker({changeMonth: true, changeYear: true});
		$('#sdate').datepicker("option", "dateFormat", "DD, d MM, yy");
		$('#sdate').datepicker($.datepicker.regional[lang]); 
		$('#edate').datepicker({changeMonth: true, changeYear: true});	
		$('#edate').datepicker("option", "dateFormat", "DD, d MM, yy");
		$('#edate').datepicker($.datepicker.regional[lang]); 
	} else {
		$.datepicker.setDefaults($.datepicker.regional["en-GB"]);
		$('#sdate').datepicker({changeMonth: true, changeYear: true});
		$('#sdate').datepicker("option", "dateFormat", "DD, d MM, yy");
		$('#sdate').datepicker($.datepicker.regional["en-GB"]); 
		$('#edate').datepicker({changeMonth: true, changeYear: true});	
		$('#edate').datepicker("option", "dateFormat", "DD, d MM, yy");
		$('#edate').datepicker($.datepicker.regional["en-GB"]);
	}
}

var activate = 0;

function setPicsHandler()
{
	if (activate != 0)
	 {
	 	$('.piro_overlay,.piro_html').remove(); 
	 }
	 $().piroBox_ext({
		piro_speed : 700,
		bg_alpha : 0.7,
		piro_scroll : true //pirobox always positioned at the center of the page
	});
	
	activate = 1;
}

function checkForm(form) 
{
	var name = document.getElementById("name").value;
	var email = document.getElementById("email").value;
	var sdate = document.getElementById("sdate").value;
	var edate = document.getElementById("edate").value;
		
	var errors = "Gelieve het formulier correct in te vullen:\n\n";
	var errors_fr = "Remplisez le formulaire correctement:\n\n";
	var errors_en = "Please fill in the form correctly:\n\n";
	
	if (name==""){
		errors += "* Uw naam\n";
		errors_fr += "* Votre nom\n";
		errors_en += "* Your name\n";
	} 
	
	if ((email=="") || (isValidEmail(email) == false)){
		errors += "* Uw email\n";
		errors_fr += "* Votre addresse email\n";
		errors_en += "* Your email\n";
	} 
	
	if (sdate==""){
		errors += "* Datum (van)\n";
		errors_fr += "* Date (de)\n";
		errors_en += "* Date (from)\n";
	} 
	
	if (edate==""){
		errors += "* Datum (tot)\n";
		errors_fr += "* Date (à)\n";
		errors_en += "* Date (to)\n";
	} 
	
	if (errors == "Gelieve het formulier correct in te vullen:\n\n" && errors_fr == "Remplisez le formulaire correctement:\n\n" && errors_en == "Please fill in the form correctly:\n\n")
	{	
		
		var quStr = "?name=" + name + "&email=" + email + "&sdate=" + sdate + "&edate=" + edate + "&lang=" + lang;
		
		var page = "pages/mail.php" + quStr;
		ajaxpage(page, "resForm");
		
	} else {
		switch(lang)
		{
			case 'nl':
				alert(errors);
				return false;
			break;	
			
			case 'fr':
				alert(errors_fr);
				return false;
			break;	
			
			case 'en':
				alert(errors_en);
				return false;
			break;
		}
		
	}
		
}

function checkFormOther(form) 
{
	var name = document.getElementById("name").value;
	var email = document.getElementById("email").value;
	var sdate = document.getElementById("sdate").value;
	var edate = document.getElementById("edate").value;
	
	var selIndex = document.getElementById("villa").selectedIndex; 
	var villa = document.getElementById("villa").options[selIndex].text;
		
	var errors = "Gelieve het formulier correct in te vullen:\n\n";
	var errors_fr = "Remplisez le formulaire correctement:\n\n";
	var errors_en = "Please fill in the form correctly:\n\n";
	
	if (name==""){
		errors += "* Uw naam\n";
		errors_fr += "* Votre nom\n";
		errors_en += "* Your name\n";
	} 
	
	if ((email=="") || (isValidEmail(email) == false)){
		errors += "* Uw email\n";
		errors_fr += "* Votre addresse email\n";
		errors_en += "* Your email\n";
	} 
	
	if (sdate==""){
		errors += "* Datum (van)\n";
		errors_fr += "* Date (de)\n";
		errors_en += "* Date (from)\n";
	} 
	
	if (edate==""){
		errors += "* Datum (tot)\n";
		errors_fr += "* Date (à)\n";
		errors_en += "* Date (to)\n";
	} 
	
	if (errors == "Gelieve het formulier correct in te vullen:\n\n" && errors_fr == "Remplisez le formulaire correctement:\n\n" && errors_en == "Please fill in the form correctly:\n\n")
	{	
		
		var quStr = "?name=" + name + "&email=" + email + "&villa=" + villa + "&sdate=" + sdate + "&edate=" + edate + "&lang=" + lang;
		
		var page = "pages/mail_other.php" + quStr;
		ajaxpage(page, "resForm");
		
	} else {
		switch(lang)
		{
			case 'nl':
				alert(errors);
				return false;
			break;	
			
			case 'fr':
				alert(errors_fr);
				return false;
			break;	
			
			case 'en':
				alert(errors_en);
				return false;
			break;
		}
		
	}
		
}

function isValidEmail(strEmail)
{
   validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i;
   if (strEmail.search(validRegExp) == -1) 
   {
      return false;
    } 
    return true; 
}

function changeLang(theLang)
{
	lang = theLang;
	
	changeNav();
}

function changeNav()
{
	var page = "pages/lang/nav_" + lang + ".htm";
	ajaxpage(page, "navigation");
}

function changePage()
{
	var page;
	
	if (lang == '' || lang == 'nl' || theSection == 'pics')
	{
		page = "pages/" + theSection + ".htm"
	} else {
		page = "pages/" + theSection + "_" + lang + ".htm"
	}
	ajaxpage(page, "content");
}


function setNav()
{
	var btnArray = ["info", "reservation", "pics", "other"];
	
	for (i=0; i<btnArray.length; i++)
	{
		setBtnHandlers(btnArray[i]);	
	}	
	
	changePage();	
}