// 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;
}


var besch_1 		= 0;
var besch_2 		= 0;
var breedte 		= 0;
var hoogte  		= 0;
var pos_x  			= 0;
var pos_y  			= 0;

var hoogte_content  = 0;
var folder		= 'images/bg/';
var bgContent	= new Array('0.jpg','1.jpg','2.jpg','3.jpg','4.jpg','5.jpg');

var or_breedte  = 1019;
var or_hoogte	= 775;
var or_coef		= or_breedte / or_hoogte;
var previous_width 		= 0;
var previous_height 	= 0;

var nextVictim			= 0;

var page_choice			= 1;
var prev_page			= 1;

function OpenSite(){
	
	besch_1 = screen.availWidth;
	besch_2 = screen.availHeight;
  	boven  = 0;
	links  = 0;
	
	window.open('home.php','OFFCORSO','left='+links+',top='+boven+',width='+besch_1+',height='+besch_2+',scrollbars=no,toolbar=no,location=no,statusbar=no'); 
}

function setInterface(){
	//main container schalen & positioneren
	if(browserSAF==false){
		besch_1 = document.documentElement.clientWidth;
		besch_2 = document.documentElement.clientHeight;
	}else{
		besch_1 = document.documentElement.clientWidth;
		besch_2 = document.documentElement.clientHeight;
	}
	
	sizer		= 0.85;
	max_breedte = Math.floor(sizer * besch_1);
	max_hoogte 	= Math.floor(sizer * besch_2);
	max_coef	= max_breedte / max_hoogte
	
	if(max_breedte >= or_breedte && max_hoogte >= or_hoogte){
		new_breedte = or_breedte;
		new_hoogte  = or_hoogte; 	
	}else if(max_coef < or_coef){
		//breedte bepalend
		new_breedte = max_breedte;
		new_hoogte  = Math.floor(max_breedte / or_coef);
	}else{
		//hoogte bepalend
		new_hoogte   = max_hoogte;
		new_breedte  = Math.floor(max_hoogte * or_coef);
	}
	previous_width 		= new_breedte;
	previous_height 	= new_hoogte;

	pos_x = parseInt((besch_1 - new_breedte) / 2);
	pos_y = parseInt((besch_2 - new_hoogte) / 2);
	
	//changeAlpha('div_content',0,0.1,0);
	document.getElementById("div_menu").style.left = (new_breedte - 160) + 'px';
	document.getElementById("div_footer").style.left = (new_breedte - 120) + 'px';
	document.getElementById("div_music").style.left = (new_breedte - 180) + 'px';
	document.getElementById("div_music").style.top = (new_hoogte - 80) + 'px';
	document.getElementById("div_content_container").style.left = (new_breedte - 420) + 'px';
	document.getElementById("div_content").style.left = (new_breedte - 419) + 'px';
	document.getElementById("big_image_loader").style.left = (new_breedte - 80) + 'px';
	
	changeAlpha('big_image',0,0.1,0);
	changeAlpha('div_menu',0,0.1,0);
	changeAlpha('pre_load',0,0.1,0);
	changeAlpha('div_content_container',0,0.1,0);

	document.getElementById("div_container").style.left = pos_x + 'px';
	document.getElementById("div_container").style.top = pos_y + 'px';
	
	//changePos((new_breedte - 160), 0, 'div_menu', 0.1)
	//document.getElementById("div_menu").style.left = pos_x + 'px';
	
	document.getElementById("div_container").style.width = new_breedte + 'px';
	document.getElementById("div_container").style.height = new_hoogte +  40 + 'px';
	
	document.getElementById("big_image_bg").style.width = new_breedte + 'px';
	document.getElementById("big_image_bg").style.height = new_hoogte + 'px';
	
	nextVictim = 2;
	url_string = folder + bgContent[0];
	loa=new ImageLoader('big_image_im',url_string,0,'big_image');
	loa.loadImage();
	
}


function setIndex(id,page){
	if(page!=prev_page){
		if(prev_page==3){
			//back to size
			reSizePlace('div_content_container', 0, 360, 270, 280, 0, 1);
			reSizePlace('div_content', 0, 360, 270, 280, 0, 1);
		}
		if(page==3){
			//enlarge
			reSizePlace('div_content_container', 0, 310, 550, -280, 0, 1);
			reSizePlace('div_content', 0, 310, 550, -280, 0, 1);
		}else{
			changeAlpha('div_content_container',0,0.4,0);
			changeAlpha('div_content',0,0.4,0);
		}
		page_choice = page;
		prev_page 	= page;
		document.getElementById('div_content').innerHTML = '';
		setBigImage('images/bg/',id,'big_image');
	}
}

function changeAlpha(target, alpha, speed, action){
	if(alpha>0){
		document.getElementById(target).style.display = "block";	
	}
	var attributes = {
	opacity: 
		{ to: alpha } 
	};
	var anim = new YAHOO.util.Motion(target, attributes, speed, YAHOO.util.Easing.easeOut);
	if(alpha==0){
		anim.onComplete.subscribe(function(){
			document.getElementById(target).style.display = "none";	
		});
	}
	anim.animate();
}

function changeAlphaAndOpen(target, alpha, speed, target_page, poststr, cat){
	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();
}


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':
			http_request.onreadystatechange = alertContents;
		break;
		case 'get_color':
			http_request.onreadystatechange = alertGetColor;
		break;
		case 'content':
			http_request.onreadystatechange = alertContentContent;
		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 alertContents() {
  if (http_request.readyState == 4) {
	 if (http_request.status == 200) {
		//alert(http_request.responseText);
		result = http_request.responseText;
		document.getElementById('myspan_contact').innerHTML = result;            
	 } else {
		alert('Er is een probleem opgetreden, probeer het nogmaals.');
	 }
  }
}
function checkStatus(){
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {
			return true;
		} else {
			return false;
		}
	}else{
		return false;
	}
}

function alertContentContent() {
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {
			result = http_request.responseText;
			document.getElementById('div_content').innerHTML = result;
			changeAlpha('div_content',1,1,0);
			if(page_choice==3){
				setBigImage('gfx/1/',1,'foto');
			}
		} else {
		alert('Er is een probleem opgetreden, probeer het nogmaals.');
		}
	}
}	


var loadMenu = false;
function ajaxpageSWF(url, containerid){
	loadMenu = true;
	ajaxpage(url, containerid);
}
function ajaxpage(url, containerid){
	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;
		if(loadMenu==true){
			//alert(1);
			var so = new SWFObject(menu_swf[status_agenda][0], "OFF_CORSO ROTTERDAM", menu_swf[status_agenda][1], menu_swf[status_agenda][2], "9", "86A098");
			so.addVariable("flashVarText", "this is passed in via FlashVars"); 
			so.addParam("wmode", "transparent"); 
			so.useExpressInstall('expressinstall.swf');
			so.write("flashcontent");
			document.getElementById(containerid).style.display = "block";
			loadMenu = false;
		}
	}
}
//agenda

previous_item = 0;

function changePos(x, y, target, speed){
	var attributes_Size = {
		points: 
		{ by: [x, y] }
	};
	var anim1 = new YAHOO.util.Motion(target, attributes_Size, speed, YAHOO.util.Easing.easeOut);
	anim1.animate();	
}
function changeWidth(b, target, speed){
	var attributes_Size = {
	  	width: 
			{ to: b}
	};
	var anim1 = new YAHOO.util.Motion(target, attributes_Size, speed, YAHOO.util.Easing.easeOut);
	anim1.animate();	
}
function changeHeight(b, target, speed){
	var attributes_Size = {
	  	height: 
			{ to: b}
	};
	var anim1 = new YAHOO.util.Motion(target, attributes_Size, speed, YAHOO.util.Easing.easeOut);
	anim1.animate();	
}


//IMAGES
pic1		= new Image(100,25); 
pic1.src	= 'images/bg/0.jpg'; 

pic2		= new Image(100,25); 
pic2.src	= 'images/bg/1.jpg'; 

pic3		= new Image(100,25); 
pic3.src	= 'images/bg/2.jpg'; 

pic4		= new Image(100,25); 
pic4.src	= 'images/bg/3.jpg'; 

pic5		= new Image(100,25); 
pic5.src	= 'images/bg/4.jpg'; 



function setBigImage(folder,photo_id,target){
	changeAlpha(target+'_loader',1,0.4,0);
	alphaImage(target, 0, 0.6, folder, photo_id, 0);
}

var maxItems 	= 4;
var ItemsCount 	= 1;
var Items		= Array('','big_image_bg','div_menu');

function alphaImage(target, alpha, speed, folder, photo_id, cat){
	var attributes_Alpha = {
	  opacity: 
		{ to: alpha } 
	};
	var anim = new YAHOO.util.Motion(target, attributes_Alpha, speed, YAHOO.util.Easing.easeOut);
	if(photo_id!=10){
	anim.onComplete.subscribe(function(){
		if(photo_id=='xx'){
			//changeAlphaNext('content_1',1,1,0, Items[ItemsCount]);
			//document.getElementById(target+'_loader').style.display = "none";
		}else{
			url_string = folder+photo_id+'.jpg';
			loadd=new ImageLoader(target+'_im',url_string,0,target);
			loadd.loadImage();	
			document.getElementById(target+'_loader').style.display = "block";
		}
		if(target=='big_image' && alpha == 0){
			document.getElementById('big_image').style.display = "none";
		}
	});
	}
   	anim.animate();
}

var foto_width 	= 400;
var foto_height = 300;

function ImageLoader(id,url,left,target){
	this.i 				= new Image();
	this.url 			= url;
	this.rand 			= Math.floor(Math.random()*100000000000); //cache verhindern
	this.imEl			= document.getElementById(id);
	
	this.loadImage = function(){
		this.i.src 		= this.url+'?r='+this.rand;
		objRef 			= this;
		objRef.waitForImage();
	};   
 
	this.waitForImage = function(){
		if(objRef.i.complete){
			document.getElementById('pre_load').src = this.i.src;
			//objRef.imEl.src	=this.i.src;	
			if(target=='big_image'){
				width_this  = new_breedte;
				height_this = new_hoogte;
				left_this   = (previous_width  - width_this)/2;
				top_this    = (previous_height - height_this)/2;
				previous_width  = width_this;
				previous_height = height_this;
			}else{
				width_this  = this.i.width;
				height_this = this.i.height;
				left_this   = parseInt((foto_width  - width_this)/2);
				top_this    = parseInt((foto_height - height_this)/2);
				foto_width  = width_this;
				foto_height = height_this;
			}
			//alert(width);
				
			var zeattributes_Alpha = {
			  opacity: 
				{ to: 0 }
			};
			var anim = new YAHOO.util.Motion(target, zeattributes_Alpha, 0.3, YAHOO.util.Easing.easeOut);
			anim.onComplete.subscribe(function(){
				//alert(target);
				changeAlpha(target+'_loader',0,1,0);
				objRef.imEl.src		= document.getElementById('pre_load').src;
				objRef.imEl.width	= new_breedte;
			
				document.getElementById(target).style.display = "none";			
				resizeImageholder(target+'_im',1, height_this, width_this,  left_this, top_this, 0.8, 1, target, nextVictim);
				if(target=='big_image'){
					changeAlpha('div_content_container',0.9,1,0);
					changeAlphaAndOpen('div_content',0,0.1, 'content.php', '&page='+page_choice, 'content');
				}
			});
			anim.animate();
		}else{
			setTimeout('objRef.waitForImage()', 100);
		}
	};
}

function resizeContent(target,speed, width){
	var attributes_Alpha = {
	  width: 
		{ to: width} 
	};
	var anim = new YAHOO.util.Motion(target, attributes_Alpha, speed, YAHOO.util.Easing.easeOut, nextVictim);
	anim.animate();
}



function reSizePlace(target, alpha, height, width, x, y, speed){
	if(alpha==1){
		document.getElementById(target_2).style.display = "block";	
	}
	var attributes_Alpha = {
	  opacity: 
		{ to: alpha } ,
	  height: 
		{ to: height} ,
	  width: 
		{ to: width} ,
	  points: 
	  	{ by: [x,y] }
	};
	var anim = new YAHOO.util.Motion(target, attributes_Alpha, speed, YAHOO.util.Easing.easeOut);
	anim.animate();
}

function resizeImageholder(target, alpha, height, width, x, y, speed, page, target_2, nextVictim){
	if(alpha==1){
		document.getElementById(target_2).style.display = "block";	
	}
	var attributes_Alpha = {
	  opacity: 
		{ to: alpha } ,
	  height: 
		{ to: height} ,
	  width: 
		{ to: width} ,
	  points: 
	  	{ by: [x,y] }
	};
	var anim = new YAHOO.util.Motion(target, attributes_Alpha, speed, YAHOO.util.Easing.easeOut);
	anim.onComplete.subscribe(function(){
		if(Items[nextVictim]!=''){
			//alert(Items[nextVictim]);
			changeAlpha(Items[nextVictim],1,2,0);
			nextVictim = 0;
		}
		alphaImage(target_2, 1, 0.5, 0, 'xx', 0);
		if(alpha==0){
		anim.onComplete.subscribe(function(){
			document.getElementById(target_2).style.display = "none";	
		});
	}
	});
	anim.animate();
}

function getContact(){
	s = new String(encodeURI( document.getElementById("contact_inhoud").value ));
	var inhoud = s.replace(/&/g,"*am*");
	
	if(checkEmail( document.getElementById("contact_mail").value )){
		var poststr = "naam=" + encodeURI( document.getElementById("contact_naam").value ) +  "&inhoud=" + inhoud +  "&mail=" + encodeURI( document.getElementById("contact_mail").value ) +  "&module_in=" + encodeURI( document.getElementById("contact_module").value ) +  "&formsubmit=true";
		//alert(poststr);
		document.getElementById('myspan_contact').innerHTML = '<img src="images/loading.gif">';
		document.getElementById('send_btn').style.display = "none";
		
		makePOSTRequest('send_contact.php', poststr,'contact');
	}else{
		document.getElementById('myspan_contact').innerHTML = "Ingevoerde e-mail is ongeldig.";
	}
}

function checkEmail( 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
		return true;
}