//Window.onDomReady(function(){
//new siteFuncties();
//});


var scroll_el			= (Cookie.get('scrollto')!="" && Cookie.get('scrollto')!="undefined")? Cookie.get('scrollto') : "welkom";
//var scroll_el			= "welkom";


var windowhoogte	= Window.getHeight();
var windowbreedte	= Window.getWidth();	
var scroller, mainclass, elnr=1, busy=0;


function notbusy(){
busy=0;
//window.status=busy;	
}

siteFuncties= new Class({

	initialize: function(menutabs, options) {
		
		scroller = new Fx.Scroll('sliderdiv', {
		wait: false,
		duration: 2500,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Cubic.easeOut
		});
		
		mainclass=this;
		
		//$('slider').style.cursor="url(images/links.cur);";
		
		//$('sliderdiv').addEvent('mouseover', function(event){     	
		//document.documentElement.addEvent('mouseover', function(event){     	
		document.addEvent('mouseover', function(event){     	
		
		var begin_x=$('sliderdiv').offsetLeft;
		var sz=$('sliderdiv').getSize();
		var middelpunt= Window.getWidth()/2;
		var event = new Event(event);
		//console.log(event.target.id)
		mx=event.client.x;//-begin_x
		verschil=mx-middelpunt; 
		procenten=Math.round((verschil/middelpunt)*100);
		
		
		
		if(procenten>0){
		$('slider').style.cursor="e-resize";	
		}else{
		$('slider').style.cursor="w-resize";	
		}	
		
		var goodtogo	= (scroll_el!='galerie' && scroll_el!='portretten')? 0:1;
		var correctie	= (window.ie)? 500 : 990;
		goodtogo		= ($('sliderdiv').scrollLeft>(currw+correctie) && procenten>0)? 0: goodtogo;
		goodtogo		= ($('sliderdiv').scrollLeft<1200 && procenten<0)? 0: goodtogo;
		goodtogo		= (event.target.id=="page") ? 0: goodtogo;
		//goodtogo=($('sliderdiv').scrollLeft>1200)? 1: goodtogo;
		//window.status= goodtogo+" / "+currw+" | "+$('sliderdiv').scrollLeft+" >>"+procenten+" %";
		
		
		//if(scroll_el=='galerie' && (currw>$('sliderdiv').scrollLeft || procenten<0) && $('sliderdiv').scrollLeft>1200 ){
		if(goodtogo==1){
		scroller.scrollTo($('sliderdiv').scrollLeft+(procenten*5));
		}
		
		});
		
		this.menuitems=$$('#menu #menu_item');
		this.contentitems=$$('#slider .content');
		
		Window.addEvent('resize', function() {
		mainclass.scaleSite();
		});
		
		mainclass.scaleSite();
	
		mainclass.goScroll(scroll_el, 1);
		},		
		
getDimensions: function(){
		windowhoogte		= Window.getHeight();
		windowbreedte	= Window.getWidth();	
		this.basistop		= $('basis').getTop();
		this.basisleft		= $('basis').getLeft();
		},

scaleSite: function(){
			this.getDimensions();
		//var t	= this.basistop-38;
		//var l	= this.basisleft-61;
		
		this.basismarge=40+(windowhoogte-420)/2;
		document.body.style.marginTop=this.basismarge;
		this.getDimensions();
		this.correctie=(window.ie) ? 61 : 21; 
		this.correctie=(window.webkit) ? 101 : this.correctie; 
		$('basis').setStyles('border:0px solid red;width:'+(windowbreedte-145)+'px;');
		
		$('zwart_logo').setStyles('top:'+(this.basistop-38)+'px;left:'+(this.basisleft-this.correctie)+'px');
		this.correctie=(window.ie) ? 234 : 274; 
		this.correctie=(window.webkit) ? 194 : this.correctie; 
		$('menu').setStyles('top:'+(this.basistop-22)+'px;left:'+(this.basisleft+this.correctie)+'px;');//width:'+(this.windowbreedte-556)+'px;'
		//$('zwart_logo').setStyles('top:'+(this.basistop-8)+'px;left:'+this.basisleft-61+'px;');
		
		
		this.slidermarge=(windowbreedte<1100) ? windowbreedte-389 : windowbreedte-456;
		$('sliderdiv').setStyles('left:51px;width:'+this.slidermarge+'px;');
		
		},
		
goGalerie: function(id, categorie){
		//oid	= (categorie==1) ? $("galerie_"+id) : $("portretten_"+id);	
		scroller.toElement($("galerie_"+id));
		},

goPortretten: function(id, categorie){
			//oid	= (categorie==1) ? $("galerie_"+id) : $("portretten_"+id);	
			scroller.toElement($("portretten_"+id));
			},		
		
goScroll: function(id, fade){
		Cookie.set('scrollto', id, {duration: 1}); // save thisfor 1 day
		scroll_el=id;
		scroller.toElement(id);
		this.menuitems.each(function(mmenuitem){
		var ahref=$E('a', mmenuitem);
		var mmname=ahref.id.split("_");
		var mmname=mmname[1];
		this.classe=(mmname==id) ? "menu_itema": "menu_item";	
		mmenuitem.className=this.classe;
		});
		
		if(fade==1){
		
		this.contentitems.each(function(contentitem){
		
		cifx		= new Fx.Styles(contentitem, {duration:500, wait:false});
		
		if(contentitem.id==id){
		cifx.start({'opacity': '1'});
		}else{
		cifx.start({'opacity': '0.1'});	
			
			
		}
		});
		
		
		
		$('pagination').style.display='none';
		(function(){
		//window.status=id;
		new Ajax('updater.php', {evalScripts:false,method: 'post', update: id, data: "f="+id}).request();
		}).delay(50); 
		
		}
		
		}

});

var currw="";
var currp=1;
var gal_fx;

function galerie(w, idata){
currw=w;
$('pagination').innerHTML= idata;

	
var correctietop=(window.webkit) ? -55: 28;	
var correctieleft=(window.webkit) ? 190: 270;	
$('pagination').setStyles('display:block;left:'+($('basis').getLeft()+correctieleft)+'px;top:'+($('link_galerie').getTop()+correctietop)+'px;z-index:99');
//$('pagination').setStyles('display:block;left:'+($('link_galerie').getLeft()+0)+'px;top:'+($('link_galerie').getTop()-3)+'px;');

gal_fx		= new Fx.Styles('galerie', {duration:10, wait:false});

gal_fx.start({			
	'width': w+'px',
	'opacity': '1'
	});	

//}



this.paginas=$$('#pagination a');
//alert(this.paginas);
this.paginas.each(function(pagelink){
	
pagelink.addEvent('mouseup', function(){     	
cuurp=parseInt(currp);
$$('#pagination a').each(function(pagel){
pagel.setStyles("text-decoration:none;font-style:normal;font-weight:normal;");	
});
	
if(pagelink.className=="vorige" || pagelink.className=="volgende"){
currp=(pagelink.className=="vorige") ? parseInt(currp)-1 : parseInt(currp)+1;
currp=(currp<1) ? 1 : currp; 
//window.status=currp;
currp=(currp>($$('#pagination a').length-2) ) ? $$('#pagination a').length-2 : currp; 

$$('.'+currp).setStyles("text-decoration:underline;font-style:italic;font-weight:bold;");
mainclass.goGalerie(currp, 1);	
}else{
currp=pagelink.className;
mainclass.goGalerie(pagelink.className, 1);		
pagelink.setStyles("text-decoration:underline;font-style:italic;font-weight:bold;");
}







});	
	
	
});

}


var por_fx;
function portretten(w, idata){
currw=w;
currp=1;
$('pagination').innerHTML= idata;

	
var correctietop=(window.webkit) ? -55: 28;	
var correctieleft=(window.webkit) ? 190: 270;	
$('pagination').setStyles('display:block;left:'+($('basis').getLeft()+correctieleft)+'px;top:'+($('link_galerie').getTop()+correctietop)+'px;z-index:99');
	
por_fx		= new Fx.Styles('portretten', {duration:10, wait:false});
por_fx.start({			
	'width': w+'px',
	'opacity': '1'
	});	

//}



this.paginas=$$('#pagination a');

this.paginas.each(function(pagelink){
	
pagelink.addEvent('mouseup', function(){     	
cuurp=parseInt(currp);
$$('#pagination a').each(function(pagel){
pagel.setStyles("text-decoration:none;font-style:normal;font-weight:normal;");	
});
	
if(pagelink.className=="vorige" || pagelink.className=="volgende"){
currp=(pagelink.className=="vorige") ? parseInt(currp)-1 : parseInt(currp)+1;
currp=(currp<1) ? 1 : currp; 
//window.status=currp;
currp=(currp>($$('#pagination a').length-2) ) ? $$('#pagination a').length-2 : currp; 
$$('.'+currp).setStyles("text-decoration:underline;font-style:italic;font-weight:bold;");
mainclass.goPortretten(currp, 2);	
}else{
currp		=pagelink.className;
mainclass.goPortretten(pagelink.className, 2);		
pagelink.setStyles("text-decoration:underline;font-style:italic;font-weight:bold;");
}







});	
	
	
});

}


function toggle_actueel(nummer){
var txt_element	= $("actueeltxt_"+nummer);
txt_element.className=(txt_element.className=='off')? 'on': 'off';
var info_txt		=(txt_element.className=='on')? '&laquo; inklappen': 'meer informatie &raquo;';
$("info_"+nummer).innerHTML=info_txt;

//window.status		= txt_element.className;
elfx		= new Fx.Styles(txt_element, {duration:500, wait:false});


	if(txt_element.className=="on"){
	
	txt_element.setStyle("opacity", 0);
	elfx.start({			
	'height': txt_element.scrollHeight+'px',
	'opacity': '1'
	});	
	}else{
	elfx.start({			
	'height': '0px',
	'opacity': '0'	
	});	
	}
	
}


var wfx;
function showPopup(w, h, bgtrans){
wfx 		= new Fx.Styles('floatwindow', {duration:750, wait:false});
var ttop	= (window.getHeight()/2)-(h/2);
var lleft	= (window.getWidth()/2)-(w/2);
//alert(lleft+" // "+w);
$('floatwindow').style.display='block';
$('floatwindow').setStyle('left', window.getWidth());

	wfx.start({			
	'height': h+'px',
	'width': w+'px',
	'top': ttop+'px',
	'left': lleft+'px',
	'opacity': '1'
	});		
	
	
	if(bgtrans>0){
	var ww=window.getScrollWidth();
	var wh=window.getScrollHeight();
	$('bgdiv').setStyles({
   	opacity: bgtrans,
   	width: ww,
   	height: wh
	});	
	
	}
	
}


function closePopup(reset){
	wfx.start({			
	'height': 1+'px',
	'width': 1+'px',
	'top': 1+'px',
	'left': window.getWidth()+'px',
	'opacity': '0'
	});	
		
	$('bgdiv').setStyles({
   	opacity: 0,
   	width: 0,
   	height: 0
	});	

if(reset!=''){
$(reset).reset();	
}
$('floatwindow').innerHTML='';
}

function actueel(){
var accordion='';
accordion = new Accordion('h3.titel', 'div.txt', {
	opacity: false,
	onActive: function(toggler, element){
		toggler.setStyle('font-style', 'italic');
	},
 
	onBackground: function(toggler, element){
		toggler.setStyle('font-style', 'normal');
	}
}, $('actueel_'));
	
	
}


function send_contact(){

$('contactForm').addEvent('submit', function(e) {
	/**
	 * Prevent the submit event
	 */

	new Event(e).stop();
	var el='floatwindow';
	
	$(el).innerHTML="<div id=\"menu_kcontent\"><img src='images/loading.gif' align='absmiddle' border='0'> laadt</div>";
	
	showPopup(300, 150, '0.7');
	
	$('contactForm').send({
		update: 'floatwindow',
		onComplete: function() {
		$('contactForm').reset();
		}
	});
	
});	
	
}



var mformulier= "";
var stappen	= new Array();
var cstap	= 0;
var Ajaxform= new Class( { ////bij opstarten alle blokken automatisch een mouseover geven met de coordinaten naar centered
initialize: function(formid, options){
	this.options = Object.extend({
		update_id: 0,
		formulier: 0,
		to_Hide: 0
		}, options || {});
		this.formulier=$(formid);
		this.to_Update	= $(this.options.update_id);
		
	
	
	
	stappen.extend([this]);

	this.formulier.addEvent('submit', function(e) {
	
	new Event(e).stop();
	});

	},
	
checkFields: function(stap){
var velden=this.formulier.elements;

//var velden = $$('#orderformulier select', '#orderformulier input') //an array of all anchor tags with theclass "myClass"
var velden = $$('#formulier select', '#formulier input') //an array of all anchor tags with theclass "myClass"

//alert(velden);


for(i=0; i<velden.length; i++){
            var field = velden[i];
	 var isReq = (field.name.charAt(0)=="R") ? true : false

	 if(isReq && field.value==""){
           	var veldnaam = field.name.substring(1,27);
		var veldnaam = veldnaam.replace(/_/, " ");
           	alert("U bent vergeten '"+veldnaam+"' in te vullen.");
		field.focus();
		return false;	
		break;
		
	}
	
	if(field.name=="Remail"){
	var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        	if (!filter.test(field.value)){
        	alert("Het door u ingevulde emailadres is onjuist");
        	return false;
        	break
        	}
	
		
	}
	
};


return true;	
},
	
	
Verzend: function(functie){
	
	//if(functie!=""){
	//$('f').value=functie;	
	//}
	
	//alert(1);
	if(this.checkFields()){
	
	this.formulier.send({
		update: stappen[0].to_Update,
		evalScripts: true
		//,onComplete: this.OK
	});
	
	}
	
	}

});