window.addEvent('resize', function() {
ff=1000-(coulissen.length*30)+18;	
});

var portfolio_loaded=0;
var coulissen ,ff, menuitems, smenuitems;
var coulisse_effect = {};
coulisse_effect[0]=0;
var handles= {};
var pad="http://www.kunsthuiskort.nl";
var scroll_effect={};
scroll_effect[0]=0;
var current_item='';




window.addEvent('domready', function() {

	
leegmelding();

var wh=window.getHeight();
if(wh<650){
$('body').setStyle('overflow-y','auto');
//alert(document.documentElement.style.height);
$('body').setStyle('height','670px');
}	



if(Browser.Engine.name=='trident' && Browser.Engine.version==4){
$('slider_100').setStyle('height','505px');
}


if($('lower')){

(function(){ 
$('basis').set('morph', {duration:1500, transition: Fx.Transitions.Sine.easeOut});
$('basis').morph({opacity: 0});
 }).delay(3000);


}
coulissen = $$("#slider .pagina");

ff=1000-(coulissen.length*30)+18;	
coulissen.each(function(coulisse, i) {		
s=i+1;	
coulisse_effect[s]		= new Fx.Morph(coulisse, {wait:false, duration:2000, transition: Fx.Transitions.Expo.easeOut});
scroll_effect[s]		= new Fx.Scroll(coulisse, {wait: false, duration: 2500, offset: {'x': -200, 'y': -50}, transition: Fx.Transitions.Quad.easeInOut});
});


smenuitems = $$(".submenu a,.submenu_on a");
menuitems = $$("#menu .iitem, #menu .iitem_on");
menuitems.each(function(menuitem, i) {	

menuitem.href='#'; //uitzetten voor testdoeleinden;

menuitem.addEvent("click", function(event) { 	

mod_id	= menuitem.id.split("_");
//urchinTracker('ajax -> '+menuitem.innerHTML);
pageTracker._trackPageview('ajax -> '+menuitem.innerHTML);
menuitems.each(function(other, j) {
other.removeClass('iitem_on').addClass('iitem');
$('sub_'+other.rel).removeClass('submenu_on').addClass('submenu');
});

if($('sub_'+menuitem.rel).getFirst()){
smenuitems.each(function(andere, j) {
smenuitems.removeClass('iitem_on').addClass('iitem');	
});

//$('sub_'+menuitem.rel).getFirst().removeClass('iitem').addClass('iitem_on');


}

menuitem.removeClass('iitem').addClass('iitem_on');
$('sub_'+menuitem.rel).removeClass('submenu').addClass('submenu_on');



smenuitems.each(function(smenuitem, i) {	
//alert(menuitem.href);
//$('titel_baan').innerHTML=$('titel_baan').innerHTML+menuitem.id;
//spancros_lavrailumiere. |  
//spancros_meditationonline.
	
	smenuitem.href='#'; //uitzetten voor testdoeleinden;
smenuitem.addEvent("click", function(event) { 

if(smenuitem.getFirst()){
document.title="Kunsthuis Kort "+smenuitem.getFirst().rel;
//alert(smenuitem.getFirst().rel);
}
	
	
smenuitems.each(function(other, j) {
smenuitems.removeClass('iitem_on').addClass('iitem');	
});
smenuitem.removeClass('iitem').addClass('iitem_on');


});
});


//if(mod_id[0]=="portfolio"){
//alert(mod_id[0]);	
//}
//Autostart portfolio
/*
if(portfolio_loaded==0 && mod_id[0]=="portfolio"){
portfolio.delay(1800, 17, 17);
portfolio_loaded=1;	
}
*/
//alert(mod_id[1]);
//console.log(mod_id[1]);
effect(mod_id[1]);
});

});

coulisse=(coulisse=="")?1:coulisse;
(function(){effect(coulisse)}).delay(800);
});



function footermenu(nummer, positie, module, module_id, pagina_id, scroller_id){
menuitems.each(function(menuitem, i) {

menuitem.removeClass('iitem_on').addClass('iitem');	
$('sub_'+menuitem.rel).removeClass('submenu_on').addClass('submenu');
});
//pageTracker._trackPageview('ajax -> '+menuitem.innerHTML);
laad_pagina(nummer, positie, module, module_id, pagina_id, scroller_id);
effect(nummer);

//laad_pagina(".$mi[parent_id].", $co, 'content', '0', ".$mi[id].", ".$mi[parent_id].");
//
}



function effect(r){	
coulisse_effect[r].start({'opacity': 1,'width': ff,  'background-position' : '0% 0%'});	
coulissen.each(function(other, j) {
k=j+1;
if(r != k) {	
coulisse_effect[k].start({'opacity': 0.5, 'width': 30,  'background-position' : '-400% 0%'});	
}

});
}

function submenu(){
//smenuitem= $$("#submenu_wrapper");
//menuitems.each(function(menuitem, i) {
//pageTracker._trackPageview('ajax -> '+titel);	
}


function laad_pagina(nummer, positie, module, module_id, pagina_id, scroller_id){
//alert(nummer+" - "+positie+" - "+module+" - "+module_id+" - "+pagina_id+" - "+scroller_id);
current_item=pagina_id;

if(pagina_id==35 && module=="content"){
(function(){ new GoogleMaps({breedte:750,hoogte:450, largemapc:1, maptypec:1, overviewc:1, debug:1, page_id: 23}); }).delay(1000);
	
}

if((module=="producten" && pagina_id==46) || module=="portfolio"){
//new Request.HTML({update: 'scroll_'+pagina_id, url:pad+'/index.php'}).post({f: module, id: pagina_id, module_id: module_id}); 
new Request.HTML({update: 'scroll_'+pagina_id, onComplete: portfolio.delay(2500, '', pagina_id), url:pad+'/index.php'}).post({f: module, id: pagina_id, module_id: module_id}); 
}else{
new Request.HTML({update: 'scroll_'+pagina_id, onComplete: loaded, url:pad+'/index.php'}).post({f: module, id: pagina_id, module_id: module_id}); 
}

scroll_effect[nummer].start(positie, 0);
}


function loaded(){
	leegmelding.delay(1000);
}

function leegmelding(){
	$('loader').removeClass('ajax-loading').set('text','');
	$('loader').style.display='none';
}



function verzend_contact(){
text_elements		= $$('#contactformulier input[type=text], #contactformulier textarea');	
r			= true;


for(i=0;i<text_elements.length;i++){	
var field=text_elements[i];
var isReq = (field.name.charAt(0)=="R") ? true : false
             if(isReq){
		//$('respss').innerHTML=$('respss').innerHTML+field.name;
             		if(field.value==""){
             		r=false;
             		var veldnaam = field.name.substring(1,27);
             		alert("U bent vergeten "+veldnaam+" in te vullen");
             		field.focus();
             		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
        	}
             }
}

if(r==true){
new Request.HTML({update:'text_34', url: pad+'/index.php'}).post($('contactformulier'));	
}

}


function reken(source, waarde, gewicht, prijs){

if(source=="betalen"){

if(waarde=="betalen bij afhalen"){
	//$('verzekeren').setStyles({opacity: 0, height: '0px'});	
$('vervoerens').options[0].selected=true;
$('vv').innerHTML="Onverzekerd verzenden";
$('vzk').checked=false;
$('ek').innerHTML='&euro; 0.00';
$('tk').innerHTML='&euro; '+prijs;

$('td_ek').innerHTML='&euro; '+number_format(0, 2, '.', '.');
$('td_tk').innerHTML='&euro; '+number_format(0, 2, '.', '.');

$('ek').value=0;
$('tk').value=0;

}else{
$('verzekeren').setStyle("opacity", "1");	
$('vervoerens').options[0].selected=true;
}
	
}
	
if(source=="vervoeren"){
	
	if(waarde=="verzenden"){
		ek=(gewicht.toFloat()<10) ? 9 : 0; 
		ek=(gewicht.toFloat()>10 && gewicht.toFloat()<30) ? 13 : ek;  
		tk=prijs.toFloat()+ek.toFloat();
		$('betaalmethode').options[1].selected=true;
	}		

	if(waarde=="aangetekend verzenden"){
		ek=(gewicht.toFloat()<10) ? 9 : 0; 
		ek=(gewicht.toFloat()>10 && gewicht.toFloat()<30) ? 13 : ek; 
		eek=(gewicht.toFloat()<5) ? 7 : 0; 
		eek=(gewicht.toFloat()>5 && gewicht.toFloat()<10) ? 8.5 : eek; 
		
		tk=prijs.toFloat()+gewicht.toFloat();
		ek=ek+eek;
		tk=prijs.toFloat()+ek.toFloat();
		$('betaalmethode').options[1].selected=true;
	}
	
	if(waarde=="zelf afhalen"){
		ek=0;  
		tk=prijs.toFloat();
		$('vv').innerHTML="Onverzekerd verzenden";
		$('vzk').checked=false;
	}	
	
	$('td_ek').innerHTML='&euro; '+number_format(ek, 2, '.', '.');
	$('td_tk').innerHTML='&euro; '+number_format(tk, 2, '.', '.');
	
	$('ek').value=ek;
	$('tk').value=tk;
	
	
}	

if(source=="verzekeren"){
	
	vzk						= (waarde==1)? 3:-3;
	$('ek').value			= $('ek').value.toFloat()+vzk;
	$('tk').value			= $('tk').value.toFloat()+vzk;
	
	$('td_ek').innerHTML	= '&euro; '+number_format($('ek').value, 2, '.', '.');
	$('td_tk').innerHTML	= '&euro; '+number_format($('tk').value, 2, '.', '.');
	$('betaalmethode').options[1].selected=true;
	vs						= ($('vervoerens').options[0].selected==true) ? 1 : $('vervoerens').options[0].selected
	
	if(vs==1){		
	$('vervoerens').options[1].selected = true;
	reken('vervoeren', "verzenden", gewicht, prijs);
	}
	}	
	
}


function number_format( number, decimals, dec_point, thousands_sep ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +     bugfix by: Michael White (http://getsprink.com)
    // +     bugfix by: Benjamin Lupton
    // +     bugfix by: Allan Jensen (http://www.winternet.no)
    // +    revised by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
    // +     bugfix by: Howard Yeend
    // +    revised by: Luke Smith (http://lucassmith.name)
    // +     bugfix by: Diogo Resende
    // +     bugfix by: Rival
    // %        note 1: For 1000.55 result with precision 1 in FF/Opera is 1,000.5, but in IE is 1,000.6
    // *     example 1: number_format(1234.56);
    // *     returns 1: '1,235'
    // *     example 2: number_format(1234.56, 2, ',', ' ');
    // *     returns 2: '1 234,56'
    // *     example 3: number_format(1234.5678, 2, '.', '');
    // *     returns 3: '1234.57'
    // *     example 4: number_format(67, 2, ',', '.');
    // *     returns 4: '67,00'
    // *     example 5: number_format(1000);
    // *     returns 5: '1,000'
    // *     example 6: number_format(67.311, 2);
    // *     returns 6: '67.31'
 
    var n = number, prec = decimals;
    n = !isFinite(+n) ? 0 : +n;
    prec = !isFinite(+prec) ? 0 : Math.abs(prec);
    var sep = (typeof thousands_sep == "undefined") ? ',' : thousands_sep;
    var dec = (typeof dec_point == "undefined") ? '.' : dec_point;
 
    var s = (prec > 0) ? n.toFixed(prec) : Math.round(n).toFixed(prec); //fix for IE parseFloat(0.55).toFixed(0) = 0;
 
    var abs = Math.abs(n).toFixed(prec);
    var _, i;
 
    if (abs >= 1000) {
        _ = abs.split(/\D/);
        i = _[0].length % 3 || 3;
 
        _[0] = s.slice(0,i + (n < 0)) +
              _[0].slice(i).replace(/(\d{3})/g, sep+'$1');
 
        s = _.join(dec);
    } else {
        s = s.replace('.', dec);
    }
 
    return s;
}


function verzend_reservering(){
text_elements		= $$('#reserverings_form input[type=text]')
radio_elements	= $$('#reserverings_form input[type=radio]')
tmpchecked		= 0;
r			= true;
radio_elements.each(function(element, i) {	
tmpnaam	= element.name;
tmpchecked	= (element.checked) ? element.checked : tmpchecked;
});

if(tmpchecked==0){
alert("U bent vergeten 'Aanhef' in te vullen");		
r=false;
}


for(i=0;i<text_elements.length;i++){
if(text_elements[i].value==""){
alert("U bent vergeten '"+text_elements[i].name+"' in te vullen");	
text_elements[i].focus();
r=false;
break;
}

  if(text_elements[i].name=="email"){
	var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        	if (!filter.test(text_elements[i].value)){
        	alert("Het door u ingevulde emailadres is onjuist");
        	return false;
        	break
        	}
             }

}


if(r==true){
new Request.HTML({update:'loaders', url: pad+'/index.php'}).post($('reserverings_form'));	
}

}

function getMap16_felwk_0(){  	  	
				//if (tst16_felwk_0.offsetWidth > 0) {
					map16_felwk_0 = new GMap2(document.getElementById('googlemap_kk'));
					map16_felwk_0.addControl(new GLargeMapControl());var overviewmap = new GOverviewMapControl();
					map16_felwk_0.addControl(overviewmap, new GControlPosition(G_ANCHOR_BOTTOM_RIGHT));
					map16_felwk_0.addControl(new GMapTypeControl());var point = new GLatLng(52.983761150499724, 5.449014902114868);
					map16_felwk_0.setCenter(point, 15);
					map16_felwk_0.setMapType(G_HYBRID_MAP);map16_felwk_0.enableScrollWheelZoom();
					
					var marker16_felwk_0 = new GMarker(point, {title:"Kunsthuis Kort"});map16_felwk_0.addOverlay(marker16_felwk_0);
					marker16_felwk_0.openInfoWindowHtml("Kunsthuis Kort, Noard 200, Workum<form action='http://maps.google.com/maps' method='get' target='_blank' onsubmit='DirectionMarkersubmit16_felwk_0(this);return false;' class='mapdirform'><br />Route:<input type='radio' checked name='dir' value='to'> <b>Naar hier:</b> <input type='radio' name='dir' value='from'><b>Van hier:</b><br />Adres:<input type='text' class='inputbox' size='32' name='saddr' id='saddr' value='' /><br /><input value='Haal route op' class='button' type='submit' style='margin-top: 2px;'><input type='hidden' name='daddr' value='kunsthuiskort, workum'/></form>");
					
					GEvent.addListener(marker16_felwk_0, 'click', function() {
					marker16_felwk_0.openInfoWindowHtml("Kunsthuis Kort, Noard 200, Workum<form action='http://maps.google.com/maps' method='get' target='_blank' onsubmit='DirectionMarkersubmit16_felwk_0(this);return false;' class='mapdirform'><br />Route:<input type='radio' checked name='dir' value='to'> <b>Naar hier:</b> <input type='radio' name='dir' value='from'><b>Van hier:</b><br />Adres:<input type='text' class='inputbox' size='32' name='saddr' id='saddr' value='' /><br /><input value='Haal route op' class='button' type='submit' style='margin-top: 2px;'><input type='hidden' name='daddr' value='kunsthuiskort, workum'/></form>");
					});
					
					//GEvent.addDomListener(tst16_felwk_0, 'DOMMouseScroll', CancelEvent16_felwk_0);
					//GEvent.addDomListener(tst16_felwk_0, 'mousewheel', CancelEvent16_felwk_0);
					//}
		}

		
function actueel(){
var accordion = new Accordion('h2.at', 'div.at', {
	opacity: true,
	onActive: function(toggler, element){
		toggler.setStyle('font-style', 'italic');
	},
 
	onBackground: function(toggler, element){
		toggler.setStyle('font-style', 'normal');
	}
}, $('accordion'));
	
}



var loaded=0
function portfolio(pid){
$('MooFlow_'+pid).style.display="block";	
//alert($('MooFlow_'+pid));

var mf = new MooFlow($('MooFlow_'+pid), {	
			bgColor: '#fff',
			useAutoPlay: true,
			useCaption: true,
			useResize: true,
			useSlider: true,
			useWindowResize: true,
			useMouseWheel: true,
			useKeyInput: true,
			useViewer: true,
			
			
			onClickView: function(obj){
			
			Milkbox.showThisImage(obj.href, obj.title);
			if(pid==46){
			htmlbutton	= new Element('button', {'events': {'click': function(){new Request.HTML({update: 'mbImage' , onComplete: scalee, url: pad+'/index.php'}).post({ajax: 1, f: 'kopen', id: obj.alt}); }}, id: 'knop',  html: 'Dit product kopen', 'styles': {'width':'115px', 'z-index':'999', 'right':'10px', 'bottom':'45px', 'position':'absolute', 'float': 'right'}});
			(function(){ 
			htmlbutton.inject($('mbDescription'));
			}).delay(1500);
			}else{
			//$('mbCloseLink').addEvent('click',function(){ this.closeMilkbox(); }.bindWithEvent(this));	
			$('mbOverlay').addEvent('click',function(){ 
			Milkbox.closeMilkbox();
			});	
			}
		
			/*
			 * var remooz = new ReMooz(link, {
		            	centered: true,
			resizeFactor: 0.8,
		            	origin: link.getElement('img'),
			onCloseEnd: function(){link.destroy()}
		        	});
			
		        	remooz.open();
			*/
			}
		});

//alert($('MooFlow_'+pid)+" ----");


}



function scalee(){
	//$('mbImage').setStyles(height', 'overflow', 'auto');	
	//$('mbImage').setStyle('overflow', 'auto');	
	$('mbDescription').innerHTML='';
	//$('knop').destroy();
	$('mbCenter').morph('.to600');
	$('mbImage').morph('.to475');

}
/*
var mf = new MooFlow($('MooFlow_'+pid), {
			bgColor: '#fff',
			useSlider: true,
			useCaption: true,
			useMouseWheel: true,
			useKeyInput: true,
			useViewer: true,
			onClickView: function(obj){
			Milkbox.showThisImage(obj.href, obj.title + ' - ' + obj.alt);
			}
		});	
	

function load_pagina(scroll_object, positie, module, module_id, cid){

//cid is niet goed
//if(module=="content"){
scroll_object.start(positie, 0);//deze moet eigenlijk na het laden.....
new Request.HTML({update: 'scroll_'+cid ,onComplete: loaded, url:pad+'/index.php'}).post({'ajax': 1, f: 'pagina', module: module, id: cid}); 
//}else{
//scroll_object.start(positie, 0);//deze moet eigenlijk na het laden.....
///new Request.HTML({update: 'scroll_'+cid ,onComplete: loaded, url: pad+'/index.php'}).post({'ajax': 1, f: 'pagina', module: module, id: cid}); 	
//}

}


function submenu(id, f){

//if(f=="actueel"){
//new Request.HTML({update: 'scroll_7' ,onComplete: loaded, url:pad+'/index.php'}).post({'ajax': 1, f: 'pagina', id: id, module: "actueel"}); 	
//$('submenu_wrapper').innerHTML='';
//}else{
new Request.HTML({update: 'submenu_wrapper' ,onComplete: loaded, url:pad+'/index.php'}).post({'ajax': 1, f: f, id: id}); 
//}

effect(id);	
}
*/



var map;
var GoogleMaps= new Class( { ////bij opstarten alle blokken automatisch een mouseover geven met de coordinaten naar centered

initialize: function(options){
	
this.options = Object.extend({
		breedte:	100,
		hoogte:		100,
		largemapc:	0,
		page_id:	0,
		maptypec:	0,
		overviewc:	0,
		debug:		0
		}, options || {});
	
		this.breedte		= this.options.breedte;
		this.hoogte		= this.options.hoogte;
		this.largemapc	= this.options.largemapc;
		this.page_id		= this.options.page_id;
		this.maptypec		= this.options.maptypec;
		this.overviewc		= this.options.overviewc;
		this.debug		= this.options.debug;
		
		if (GBrowserIsCompatible()) {
		this.themap	= $('googlemap_kk'); 	
		this.themap.setStyles("width:"+this.breedte+"px;height:"+this.hoogte+"px");
		map 	= new GMap2(this.themap);
		//this.locatie	= new GLatLng(53.03403936594488, 5.763959884643555);
		//http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=Noard+200+-+8711+AM+Workum&sll=52.980225,5.448704&sspn=0.045787,0.162992&ie=UTF8&t=h&z=16&iwloc=addr
		this.locatie	= new GLatLng(52.983761150499724, 5.449014902114868);
		map.setCenter(this.locatie, 16);
		map.setMapType(G_HYBRID_MAP);	
		
		if(this.largemapc==1){
		map.addControl(new GLargeMapControl());
		}
		
		if(this.maptypec==1){
		map.addControl(new GMapTypeControl());
		}

		if(this.overviewc==1){
		map.addControl(new GOverviewMapControl());
		}
		
		if(this.debug==1){		
		GEvent.addListener(map, "moveend", function() {
       		var center = map.getCenter();		
       		$("message").innerHTML = center.toString();
       		});	
		}
		
		//this.getObjecten();
		getMap16_felwk_0();
		}
		
		},
		
getObjecten: function(){
		
GDownloadUrl("objecten.php?page_id="+this.page_id, function(data) {
          var xml = GXml.parse(data);
          var objecten = xml.documentElement.getElementsByTagName("object");
      
          for (var i = 0; i < objecten.length; i++) {
          var naam	= objecten[i].getElementsByTagName('naam')[0].firstChild.nodeValue;
          var img_k	= objecten[i].getElementsByTagName('img_k')[0].firstChild.nodeValue;
          var img_ks	= objecten[i].getElementsByTagName('img_ks')[0].firstChild.nodeValue;
          var img		= objecten[i].getElementsByTagName('img')[0].firstChild.nodeValue;
          var border	= objecten[i].getElementsByTagName('border')[0].firstChild.nodeValue;
          var lat		= objecten[i].getElementsByTagName('lat')[0].firstChild.nodeValue;
          var lng		= objecten[i].getElementsByTagName('lng')[0].firstChild.nodeValue;
          var breedte	= objecten[i].getElementsByTagName('breedte')[0].firstChild.nodeValue;
          var hoogte	= objecten[i].getElementsByTagName('hoogte')[0].firstChild.nodeValue;
          var titel		= objecten[i].getElementsByTagName('titel')[0].firstChild.nodeValue;
          var tekst	= objecten[i].getElementsByTagName('tekst')[0].firstChild.nodeValue;
          var point 	= new GLatLng(lat,lng);
          

            this.object 	=createMarker(point, naam, img_k, img_ks, img, border, lat, lng, breedte, hoogte, titel, tekst);
            map.addOverlay(this.object);
          	}
          
        	});
	}



});