// JavaScript Document

var activeL = 'L1';
var currentSubL = '';
var activeR = 'R1';
var currentSubR = '';	
var easterEgg = 0;


function var_dump(obj) {
   if(typeof obj == "object") {
      return "Type: "+typeof(obj)+((obj.constructor) ? "\nConstructor: "+obj.constructor : "")+"\nValue: " + obj;
   } else {
      return "Type: "+typeof(obj)+"\nValue: "+obj;
   }
}


function initScrollLayers() {
	var wndo = new dw_scrollObj('contentContainerLeft', 'contentLeft');
	var wndo2 = new dw_scrollObj('contentContainerRight', 'contentRight');
}

doEasterEgg = function(direction){
	easterEgg = easterEgg+1;
	
	switch(easterEgg){
		//case 10: getRandomFact(); break;
		case 41:
				if(direction == 'left'){	
				function endIt(){
					var closeup = new YAHOO.util.Motion ('container', { points: { to: [x-1004, y] } }, 0.5, YAHOO.util.Easing.easeOutStrong);
					closeup.animate();	
				}
				function closeEaster(){
					var attributes = { width: { to: 0 } };
					var easterAnim = new YAHOO.util.Anim('easteregg', attributes, 0.5, YAHOO.util.Easing.easeOutStrong); 
					easterAnim.animate();
					var goLeft = new YAHOO.util.Motion ('container', { points: { by: [+300, 0] } }, 0.5, YAHOO.util.Easing.easeOutStrong);
					goLeft.animate();
					easterAnim.onComplete.subscribe(endIt);  
				}					
				function easter(){
					var attributes = { width: { to: 600 } };
					var easterAnim = new YAHOO.util.Anim('easteregg', attributes, 0.5, YAHOO.util.Easing.easeOutStrong); 
					easterAnim.animate();
					var goLeft = new YAHOO.util.Motion ('container', { points: { by: [-300, 0] } }, 0.5, YAHOO.util.Easing.easeOutStrong);
					goLeft.animate();
					goLeft.onComplete.subscribe(closeEaster);  
				}
					
				var x = YAHOO.util.Dom.getX('window');
				var y = YAHOO.util.Dom.getY('window');
				var goLeft = new YAHOO.util.Motion ('container', { points: { to: [x-511, y] } }, 0.5, YAHOO.util.Easing.easeOutStrong);
				goLeft.animate();
				goLeft.onComplete.subscribe(easter);  
				return 'dontGo';
			}
		break;
		
		case 31:
			if(direction == 'left'){		
				//alert('check this one out');
				var x = YAHOO.util.Dom.getX('window');
				var y = YAHOO.util.Dom.getY('window');
				var goLeft = new YAHOO.util.Motion ('container', { points: { to: [x-1004, y] } }, 3, YAHOO.util.Easing.elasticBoth);
				goLeft.animate();
				return 'dontGo';
			}
		break;
		case 36:
			if(direction == 'right'){
				var x = YAHOO.util.Dom.getX('window');
				var y = YAHOO.util.Dom.getY('window');
		    	var attributes = { points: { to: [x, y], control: [ [x-1004, 100], [x-1023, -100],[x-523, 100], [x-200, -200],[x+300, 900], [x-200, y],[x-800, -400], [x-1004, -50] ] }}; 
	    		var anim = new YAHOO.util.Motion('container', attributes,2); 
	    		anim.animate(); 
				return 'dontGo';
			}
		break;
		//case 11: alert('Woohoo, goin\' '+direction); break;    
		//case 12: alert('Annd '+direction+' again...'); break;
		//case 18: alert('still can\'t make up your mind?'); break;
	
	}
	
}

goLeft = function() {
	top.location.href = 'http://www.stripswax.nl/';
/*	
	if(doEasterEgg('left')!='dontGo'){
		var x = YAHOO.util.Dom.getX('window');
		var y = YAHOO.util.Dom.getY('window');
		var goLeft = new YAHOO.util.Motion ('container', { points: { to: [x-1004, y] } }, 0.5, YAHOO.util.Easing.easeOutStrong);
		goLeft.animate();	
	}
*/
}

goRight = function() {
	if(doEasterEgg('right')!='dontGo'){
		var x = YAHOO.util.Dom.getX('window');
		var y = YAHOO.util.Dom.getY('window');
		var goRight = new YAHOO.util.Motion('container', { points: { to: [x, y] } }, 0.5, 	YAHOO.util.Easing.easeOutStrong);
		goRight.animate();
	}
}

clickMenu = function(to){
	easterEgg = 0;
	var input = to.split("_");
	if(input[1].substring(0,1)=='L'){
		changeDiv = 'contentLeft';
		bar = 'bar_left';
		active = activeL;
		currentSub = currentSubL;
		randomImg = Math.floor(Math.random()*8);
		document.getElementById('sfeer_left').style.background = 'url(images/sfeer_L'+randomImg+'.jpg)'; 
	}else{
		changeDiv = 'contentRight';	
		bar = 'bar_right';
		active = activeR;	
		currentSub = currentSubR;
		randomImg = Math.floor(Math.random()*6);
		document.getElementById('sfeer_right').style.background = 'url(images/sfeer_R'+randomImg+'.jpg)'; 
		document.getElementById('stripsAfbeelding').style.background = 'url(images/sfeer_R'+randomImg+'.jpg)'; 
		
	}
	
	if(currentSub>''){
		YAHOO.util.Dom.removeClass(currentSub,'show');
	}
	
	if(input[0].substring(0,3)=='sub'){
		currentSub = input[0];
		YAHOO.util.Dom.addClass(currentSub,'show');
	}
	
	

	document.getElementById(bar).style.display= 'block';
	YAHOO.util.Dom.removeClass(active,'active');
	
	var activeY = YAHOO.util.Dom.getY(active);
	var x = YAHOO.util.Dom.getX(bar);
	var y = YAHOO.util.Dom.getY(input[1]);

//TODO ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	function setBar (){
		//clear all previous 'active's'
		activeLi = YAHOO.util.Dom.getElementsByClassName('active');
		//for each (var item in activeLi){
		//	YAHOO.util.Dom.removeClass(item.id,'active')
		//}		
		
		//of je set em gewoon niet...
		//YAHOO.util.Dom.addClass(input[1],'active');
		//document.getElementById(bar).style.display= 'none';
	}

	var barAnim = new YAHOO.util.Motion(bar, { points: { from:[x,activeY],to: [x, y] } }, 0.5, 	YAHOO.util.Easing.elasticOut);
	//alert('moving from '+activeY+' to '+y);
	barAnim.animate();
	
	barAnim.onComplete.subscribe(setBar);  
	
	if(input[1].substring(0,1)=='L'){
		activeL = input[1];
		currentSubL = currentSub;
		divChange = 'thanx';
	}else{
		activeR = input[1];	
		currentSubR = currentSub;
		divChange = 'strips';				
	}
	
	//document.getElementById(divChange).style.background = 'url(images/'+input[1]+'.jpg) #FFFFFF no-repeat 0px 131px;'; 
	changeContent(changeDiv,input[1]);
}

function newsletterSubmit(side){
	origX = YAHOO.util.Dom.getX('newsletter_form_'+side);
	origY = YAHOO.util.Dom.getY('newsletter_form_'+side);
	
	var newsletterAnim = new YAHOO.util.Motion('newsletter_form_'+side, { points: { by: [520, 0] } }, 0.5, 	YAHOO.util.Easing.easeInOutStrong);
	newsletterAnim.animate();
	setTimeout("var newsletterAnim = new YAHOO.util.Motion('newsletter_form_"+side+"', { points: { by: [520, 0] } }, 0.5, 	YAHOO.util.Easing.easeInOutStrong); newsletterAnim.animate()",1500);
	setTimeout("var x = YAHOO.util.Dom.getX('newsletter_form_"+side+"')-1400; var y = YAHOO.util.Dom.getY('newsletter_form_"+side+"'); var newsletterAnim = new YAHOO.util.Motion('newsletter_form_"+side+"', { points: {  from:[x,y],to: ["+origX+", "+origY+"]} }, 0.5, 	YAHOO.util.Easing.easeInOutStrong); newsletterAnim.animate()",2000);
	var email = document.getElementById('email_'+side).value;
	XMLHTTPObject = createHTTPHandler(); 
	XMLHTTPObject.open('GET', 'ajax.php?mailinglist='+email);
	XMLHTTPObject.setRequestHeader("Cache-Control", "no-cache");
	XMLHTTPObject.setRequestHeader("X_USERAGENT", "AJAX_vantil");
	XMLHTTPObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	XMLHTTPObject.setRequestHeader('Connection', 'close');
	XMLHTTPObject.send(null);
}

function createHTTPHandler(){
	httphandler = false;
	 /*@cc_on @*/
	 /*@if (@_jscript_version >= 5)
	 // JScript gives us Conditional compilation, we can cope with old IE versions.
	 // and security blocked creation of the objects.
	 try {
		httphandler = new ActiveXObject("Msxml2.XMLHTTP");
	 } catch (e) {
		try {
		 httphandler = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			 httphandler = false;
		}
	 }
	 @end @*/

	if (!httphandler && typeof XMLHttpRequest!='undefined') {
		httphandler = new XMLHttpRequest();
	}
	return httphandler;
}

function changeContent(divID,page) {
	XMLHTTPObject = createHTTPHandler(); 
	XMLHTTPObject.open('GET', 'ajax.php?page='+page);
	XMLHTTPObject.setRequestHeader("Cache-Control", "no-cache");
	XMLHTTPObject.setRequestHeader("X_USERAGENT", "AJAX_vantil");
	XMLHTTPObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	XMLHTTPObject.setRequestHeader('Connection', 'close');
	XMLHTTPObject.send(null);
	XMLHTTPObject.onreadystatechange=function() {
		if (XMLHTTPObject.readyState==4) {
			document.getElementById(divID).innerHTML = XMLHTTPObject.responseText;
			initScrollLayers()
	  }
	}
}

function getRandomFact() {
	XMLHTTPObject = createHTTPHandler(); 
	XMLHTTPObject.open('GET', 'ajax.php?fact=please');
	XMLHTTPObject.setRequestHeader("Cache-Control", "no-cache");
	XMLHTTPObject.setRequestHeader("X_USERAGENT", "AJAX_vantil");
	XMLHTTPObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	XMLHTTPObject.setRequestHeader('Connection', 'close');
	XMLHTTPObject.send(null);
	XMLHTTPObject.onreadystatechange=function() {
		if (XMLHTTPObject.readyState==4) {
			alert(XMLHTTPObject.responseText);
	  }
	}
}