// JavaScript Document
var navi = navigator.appVersion;
var browserIE6 = false;
var browserSAF = false;
if(navi.indexOf("MSIE")>-1){
var navAr = navi.split(";");
browserIE6 = (parseFloat(navAr[1].split(" ")[2])<=6.0?true:false);
} else if(navi.indexOf("Safari")>-1){
		browserSAF = true;
}


function pageInit(){
	$('menu_1').setStyle('opacity', 0);
	$('menu_2').setStyle('opacity', 0);
	$('menu_3').setStyle('opacity', 0);
	$('div_contact').setStyle('opacity', 0);
	$('div_about').setStyle('opacity', 0);
	$('div_sjop').setStyle('opacity', 0);
	$('menu_1').setStyle('top', 0);
	$('menu_2').setStyle('top', 40);
	$('menu_3').setStyle('top', 80);
	document.getElementById('menu_1').style.display = 'block';
	document.getElementById('menu_2').style.display = 'block';
	document.getElementById('menu_3').style.display = 'block';
	document.getElementById('div_contact').style.display = 'block';
	document.getElementById('div_about').style.display = 'block';
	document.getElementById('div_sjop').style.display = 'block';
	ChangeAlphaAnim($('menu_1'), 0, 1, 500);
	ChangeAlphaAnim($('menu_2'), 0, 1, 500);
	ChangeAlphaAnim($('menu_3'), 0, 1, 500);
	ChangeXAnim($('menu_1'), -100, 112, 2000);
	ChangeXAnim($('menu_2'), -100, 112, 3000);
	ChangeXAnim($('menu_3'), -100, 112, 4000);
	
}

var loaded = 0;
function disable(){
	switch(loaded){
		case 1:
			ChangeAlphaAnim($('div_about'), 1, 0, 500);
		break;
		case 2:
			ChangeAlphaAnim($('div_sjop'), 1, 0, 500);
		break;
		case 3:
			ChangeAlphaAnim($('div_contact'), 1, 0, 500);
		break;
	}	
}
function loadAbout(){
	if(loaded!=1){
		disable();
		var ChangeSize = new Fx.Style($('div_about'), 'opacity', {duration:1000, onComplete:function(){
			GetPage('aboutPage.html', 'div_about', 'contact');	
		},
		transition: Fx.Transitions.linear});
		ChangeSize.start(0, 1);
		loaded = 1;
	}
}
function loadSjop(){
	if(loaded!=2){
		disable();
		var ChangeSize = new Fx.Style($('div_sjop'), 'opacity', {duration:1000, onComplete:function(){
			GetPage('sjopPage.html', 'div_sjop', 'contact');	
		},
		transition: Fx.Transitions.linear});
		ChangeSize.start(0, 1);
		loaded = 2;
	}
}
function loadContact(){
	if(loaded!=3){
		disable();
		var ChangeSize = new Fx.Style($('div_contact'), 'opacity', {duration:1000, onComplete:function(){
			GetPage('contactPage.html', 'div_contact', 'contact');	
		},
		transition: Fx.Transitions.linear});
		ChangeSize.start(0, 1);
		loaded = 3;
	}
}



function ChangeSizeAnim(target, from, to, speed){
	var ChangeSize = new Fx.Style(target, 'height', {duration:speed, transition: Fx.Transitions.Elastic.easeOut});
	ChangeSize.start(from, to);
}
function ChangeXAnim(target, from, to, speed){
	var ChangeSize = new Fx.Style(target, 'left', {duration:speed, transition: Fx.Transitions.Elastic.easeOut});
	ChangeSize.start(from, to);
}
function ChangeYAnim(target, from, to, speed){
	var ChangeSize = new Fx.Style(target, 'top', {duration:speed, transition: Fx.Transitions.Cubic.easeOut});
	ChangeSize.start(from, to);
}
function ChangeAlphaAnim(target, from, to, speed){
	var ChangeSize = new Fx.Style(target, 'opacity', {duration:speed, transition: Fx.Transitions.linear});
	ChangeSize.start(from, to);
}

var pagina = ''
function GetPage(url, containerid, page){
	pagina = page;
	var page_request = false
	if (window.XMLHttpRequest) // if Mozilla, Safari etc
		page_request = new XMLHttpRequest()
	else if (window.ActiveXObject){ // if IE
		try {
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
		} 
		catch (e){
			try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
			}
		catch (e){}
		}
	}
	else
		return false
		page_request.onreadystatechange=function(){
		loadpage(page_request, containerid)
	}
	page_request.open('GET', url, true)
	page_request.send(null)
}

function loadpage(page_request, containerid){
	//alert(containerid);
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
		document.getElementById(containerid).innerHTML = page_request.responseText;
	}
}


function makePOSTRequest(url, parameters, category) {
	http_request = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
	 		if (http_request.overrideMimeType) {
				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;
	}
	
	switch(category){
		case 'contact':
			document.getElementById('myspan_contact').innerHTML = '<br /><img src="gfx/loader_contact.gif">';
			http_request.onreadystatechange = alertLoadContact;
		break;
	}
	
	http_request.open('POST', url, true);
	http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	http_request.setRequestHeader("Content-length", parameters.length);
	http_request.setRequestHeader("Connection", "close");
	http_request.send(parameters);
}

function alertLoadContact() {
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {
			result = http_request.responseText;
			document.getElementById('myspan_contact').innerHTML = result;
		} else {
			alert('Er is een probleem opgetreden, probeer het nogmaals.');
		}
	}
}

function sendMailTo(){
	s = new String(encodeURI( document.getElementById("contact_inhoud").value ));
	var inhoud = s.replace(/&/g,"*am*");
	if(checkEmailOfferte( document.getElementById("contact_mail").value )){
		globalMail 		= document.getElementById("contact_mail").value;
		globalName 		= document.getElementById("contact_naam").value;

		if(inhoud==''){
			document.getElementById('myspan_contact').innerHTML = "<br /> - NO MESSAGE - ";
		}else{
			var poststr = "naam=" + encodeURI( globalName ) +  "&inhoud=" + inhoud +  "&mail=" + encodeURI( globalMail ) +  "&formsubmit=true";
			//alert(poststr);
			makePOSTRequest('send_contact.php', poststr,'contact');
		}
	}else{
		document.getElementById('myspan_contact').innerHTML = "<br /> - INCORRECT EMAIL - ";
	}
}
function checkEmailOfferte( veld ) {
	//kijk naar formaat: name@site.nl
	var objRegExp  = /^([a-zA-Z0-9_\-])([a-zA-Z0-9_\-\.]*)@(\[((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}|((([a-zA-Z0-9\-]+)\.)+))([a-zA-Z]{2,}|(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\])$/;
	if( veld==null || veld=='')
		return false;
	else if( objRegExp.test(veld)==false){
		return false;
	}else
	globalMail 		= veld;
	return true;
}