// JavaScript Document
//startstuff

window.onload = function(){ //safari cannot get style if window isnt fully loaded
		$('content').addClass('show')
		
		var mailFormValidator = new FormValidator($('cForm'), {evaluateOnSubmit:false, serial: false, errorPrefix: 'Let op:', onFormValidate: handlemail});		
		
		new Fx.Style('emailSuccess', 'opacity',{duration:0}).start(1,0);
		new Fx.Style('loadingcontact', 'opacity',{duration:0}).start(1,0);
		
		var myTips = new Tips($$('.toolTipElement'), {
				timeOut: 250,
				onShow: function(tip){
					tip.setStyle('opacity', '0.9');					
				},
				maxTitleChars: 50
		});
		
		var accordion = new Accordion('h2.atStart', 'div.atStart', {
			opacity: false,
			onActive: function(toggler, element){
				toggler.setStyle('color', '#ff3300');
			},
		 
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#222');
			}
		}, $('accordion'));
		
		//anchors
		function checkHash(){
			var found = false;
			$$('h2.toggler a').each(function(link, i){
				if (window.location.hash.test(link.hash)){
					accordion.showThisHideOpen(i);
					found = true;
				}
			});
			return found;
		}
		
		if (!checkHash()) (function(){accordion.showThisHideOpen(0)});
		
		var cl = $('contactlink');
		cl.onclick = showContact;
		function showContact(){
			accordion.showThisHideOpen(2);	
		}

		var sb = $('sendContactEmail');
		sb.onclick = validateForm;
		
		function validateForm(){
			mailFormValidator.validate();
			var cp = $('contactpane');
			cp.setStyles({'height': 420});
		}
		
		setTimeout("xEllipse(xGetElementById('dot1'), 140, 140, 0, 1000, 0, 360)", 1500);
		setTimeout("xEllipse(xGetElementById('dot2'), 165, 135, 0, 1500, -360, 0)", 2500);
		var ball = $E('#dot1');
		var ballStyles = new Fx.Styles(ball, {duration: 2000, transition: Fx.Transitions.elasticOut});
		new Drag.Move(ball, { 
			onComplete: function(){
				ballStyles.custom({'top': [this.element.getStyle('top').toInt(), 37], 'left': [this.element.getStyle('left').toInt(), 197]}); 
			}
		});
		var ball2 = $E('#dot2');
		var ball2Styles = new Fx.Styles(ball2, {duration: 1500, transition: Fx.Transitions.elasticOut});
		new Drag.Move(ball2, { 
			onComplete: function(){
				ball2Styles.custom({'top': [this.element.getStyle('top').toInt(), 90], 'left': [this.element.getStyle('left').toInt(), 565]});
			}
		});
	};
	
	try {
		Window.disableImageCache();
	}catch(e){}	


//mailstuff

function handlemail(validated, mailform){
	if (validated){
		sendEmail();
		return false;
	}else{
		return false;
	}
}

function sendEmail () {

	new Fx.Style('loadingcontact', 'opacity',{duration:1000}).start(0,1);
	
	var success = $('emailSuccess');
	var posName = $('posName');
	var posEmail = $('posEmail');
	var posRegard = $('posRegard');
	var posText = $('posText');
	var strCC = $('selfCC').checked;
	var page = "sendcontact.php?contact=true";
	
	var str1 = posName.value;
	str1 = str1.replace(/&/g,"**am**");
	str1 = str1.replace(/=/g,"**eq**");
	str1 = str1.replace(/\+/g,"**pl**");
	var str2 = posEmail.value;
	str2 = str2.replace(/&/g,"**am**");
	str2 = str2.replace(/=/g,"**eq**");
	str2 = str2.replace(/\+/g,"**pl**");
	var str3 = posRegard.value;
	str3 = str3.replace(/&/g,"**am**");
	str3 = str3.replace(/=/g,"**eq**");
	str3 = str3.replace(/\+/g,"**pl**");
	var str4 = posText.value;
	str4 = str4.replace(/&/g,"**am**");
	str4 = str4.replace(/=/g,"**eq**");
	str4 = str4.replace(/\+/g,"**pl**");
	
	var stuff = "&selfCC="+strCC+"&posName="+str1+"&posEmail="+str2+"&posRegard="+str3+"&posText="+str4;
	
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
      getmail = new XMLHttpRequest();
      if (getmail.overrideMimeType) {
        getmail.overrideMimeType('text/html');
      }
    } else if (window.ActiveXObject) { // IE
      try {
        getmail = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
        try {
          getmail = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e) {}
      }
    }

    getmail.onreadystatechange = getmaildata_ready;
	getmail.open("GET", page + stuff, true);
    setTimeout("getmail.send(null)",800);	
}

function getmaildata_ready(){
	if (getmail.readyState == 4) {
      if (getmail.status == 200) {
		var fieldArea = document.getElementById('contactpane');
		var inputs = fieldArea.getElementsByTagName('input');
		var inputsLen = inputs.length;
		var tAreas = fieldArea.getElementsByTagName('textarea');
		var tAreasLen = tAreas.length;
		for ( i=0;i<inputsLen;i++ ) {
			if ( inputs[i].getAttribute('type') == 'text' ) {
				inputs[i].value = '';
			}
		}
		for ( j=0;j<tAreasLen;j++ ) {
			tAreas[j].value = '';
		}
		document.getElementById('selfCC').checked = false;
		
		new Fx.Style('loadingcontact', 'opacity',{duration:1000}).start(1,0);		
		new Fx.Style('emailSuccess', 'opacity',{duration:1000}).start(0,1);
		var cp = $('contactpane');
		cp.setStyles({'height': 320});
			
		setTimeout("new Fx.Style('emailSuccess', 'opacity',{duration:1000}).start(1,0);",2000);
	  }

    } 	
}