// 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 changeColorTo(a, target, speed, motion){
	var attributes_Size = {
	  	backgroundColor:
			{to: a}
	};
	return new YAHOO.util.Motion(target, attributes_Size, speed, motion);
}
function changeSizeTo(a, b, target, speed, motion){
	var attributes_Size = {
	  	width: 
			{ to: a},
	  	height: 
			{ to: b}
	};
	return new YAHOO.util.Motion(target, attributes_Size, speed, motion);
}
function changePosAndSizeTo(a, b, c, d, target, speed, motion){
	var attributes_Size = {
	  	top: 
			{ to: a},
	  	left: 
			{ to: b},
	  	width: 
			{ to: c},
	  	height: 
			{ to: d}
	};
	return new YAHOO.util.Motion(target, attributes_Size, speed, motion);
}

var anim1A = changeSizeTo(400, 87, 'menu_1_A', 1, YAHOO.util.Easing.bounceOut);
var anim1B = changeSizeTo(87, 400, 'menu_1_B', 1, YAHOO.util.Easing.bounceOut);
var anim2A = changePosAndSizeTo(95, 408, 87, 400, 'menu_2_A', 1, YAHOO.util.Easing.bounceOut);
var anim2B = changePosAndSizeTo(408, 95, 400, 87, 'menu_2_B', 1, YAHOO.util.Easing.bounceOut);

function ShowMenuA(){
	animC = changeColorTo('#FFFFFF','menu_1', 1, YAHOO.util.Easing.bounceOut);
	anim1A = changeSizeTo(400, 87, 'menu_1_A', 1, YAHOO.util.Easing.bounceOut);
	anim1B = changeSizeTo(87, 270, 'menu_1_B', 1, YAHOO.util.Easing.bounceOut);
	anim1A.animate();
	anim1B.animate();
	animC.animate();
	HideMenuB();
}
function HideMenuA(){
	animC = changeColorTo('#d0b6c2','menu_1', 1, YAHOO.util.Easing.bounceOut);
	anim1A = changeSizeTo(87, 87, 'menu_1_A', 1, YAHOO.util.Easing.bounceOut);
	anim1B = changeSizeTo(87, 87, 'menu_1_B', 1, YAHOO.util.Easing.bounceOut);
	anim1A.animate();
	anim1B.animate();
	animC.animate();
}
function ShowMenuB(){
	animC = changeColorTo('#FFFFFF','menu_2', 1, YAHOO.util.Easing.bounceOut);
	anim2A = changePosAndSizeTo(96, 408, 87, 400, 'menu_2_A', 1, YAHOO.util.Easing.bounceOut);
	anim2B = changePosAndSizeTo(408, 108, 380, 87, 'menu_2_B', 1, YAHOO.util.Easing.bounceOut);
	anim2A.animate();
	anim2B.animate();
	animC.animate();
	HideMenuA();
}
function HideMenuB(){
	animC = changeColorTo('#d0b6c2','menu_2', 1, YAHOO.util.Easing.bounceOut);
	anim2A = changePosAndSizeTo(408, 408, 87, 87, 'menu_2_A', 1, YAHOO.util.Easing.bounceOut);
	anim2B = changePosAndSizeTo(408, 408, 87, 87, 'menu_2_B', 1, YAHOO.util.Easing.bounceOut);
	anim2A.animate();
	anim2B.animate();
	animC.animate();
}

function OpenSite(){
	var besch_1 = screen.availWidth;
	var besch_2 = screen.availHeight;
	var boven  = 0;
	var links  = 0;
	window.open('awink/home.php','DUTCHHAIRDESIGN','left='+links+',top='+boven+',width='+besch_1+',height='+besch_2+',scrollbars=no,toolbar=no,location=no,statusbar=no'); 
}
function OpenShop(){
	var besch_1 = screen.availWidth;
	var besch_2 = screen.availHeight;
	var boven  = 0;
	var links  = 0;
	window.open('dhdshop/index.php','DUTCHHAIRDESIGNWEBSHOP',''); 
}
function changeHeightContact(b, target, speed){
	var attributes_Size = {
	  	height: 
			{ to: b}
	};
	var anim = new YAHOO.util.Motion(target, attributes_Size, speed, YAHOO.util.Easing.bounceOut);
	anim.onComplete.subscribe(function(){
		GetPage('contact.html', target, 'contact')
	});
	anim.animate();	
}

function loadContact(){
	changeHeightContact(255, 'div_contact', 1.5);
}

function changeAlphaAndOpen(target, alpha, speed, target_page, poststr, cat){
	if(alpha==1){
		document.getElementById(target).style.display = "block";	
	}
	if(browserIE6==false){
		var attributes = {
		opacity: 
			{ to: alpha } 
		};
		var anim = new YAHOO.util.Motion(target, attributes, speed, YAHOO.util.Easing.easeOut);
		anim.onComplete.subscribe(function(){
			//makePOSTRequest(target_page, poststr, cat);
		});
		anim.animate();
	}else{
		makePOSTRequest(target_page, poststr, cat);
		if(alpha==0){
			document.getElementById(target).style.display = "none";	
		}		
	}

}

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 = '<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 = " - 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 = " - 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;
}