var contactformulier, pagination, dmorph, winCoords, intervalID, itemsperpage = 20, items_start=0, timer, toggleScreen, zindex=10, basicBehaviour, footermenu, soe=0;
var IE7 				= (navigator.userAgent.toLowerCase().indexOf('msie 7') !=-1) ? true : false;  
var noplayerinstalled 	= "<a href='http://www.adobe.com/go/getflashplayer'>  <img src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Haal Adobe Flash player op' /></a><br/>Om films te kunnen afspelen op oorloginblik.nl heeft u een flashplayer nodig. Klik op het beeld hierboven om de player te downloaden.";


window.addEvent('domready', function() {	
	window.scrollTo(0,0);
	winCoords	= (Browser.Engine.trident) ? $(document.body).getCoordinates() : document.documentElement.getCoordinates();
	footermenu = new footerMenu();	
	
	if(cview!="home" && cview!="thema"){
	basicBehaviour = new basicBehaviour();
	}
	
	if(cview!="thema"){
	verzenden	= new Verzenden({formulier: $('formulier')});	
	}
	
	oibUpdateDateControls();	
	$('preloader').set('morph', {duration: 250, transition: Fx.Transitions.Expo.easeOut}).morph({opacity:0});
});


window.addEvent('resize', function() {
	winCoords	= (Browser.Engine.trident) ? $(document.body).getCoordinates() : document.documentElement.getCoordinates();
	
	  $clear(timer);
	  timer = (function(){	
	 
	  if(cview=="lijst"){
	  pagination = new Pagination();		
	  }
		  
	  }).delay(250);
	
	  
	  if($('footer').getStyle('bottom').toInt()>0){//close the footer menu if open
	  footermenu.closeWindow();
	  }

});



function oibUpdateDateControls() {
	var enableDates = $('searchEnableDates');
	if(enableDates!=null){
		
	if (!enableDates.checked) {
		$('van_maand').disabled = true;
		$('van_jaar').disabled = true;
		$('tot_maand').disabled = true;
		$('tot_jaar').disabled = true;
	} else {
		$('van_maand').disabled = false;
		$('van_jaar').disabled = false;
		$('tot_maand').disabled = false;
		$('tot_jaar').disabled = false;
	}
	
	}	
}


/* FOOTERMENU */
var footerMenu = new Class({

	initialize: function(){	
	this.css	= null;
	this.script	= null;
	
		this.helpIcon();	
		$('footer_wrapper').getElements('.footerlink').each(function (href, i) {
		href['link']=href.href;
		href.href="#";
	
		href.addEvent('click', function(evt){
			
			
			if($('deflvplayer')!=null){
			$('deflvplayer').sendEvent("STOP");
			}
			
			if(cview=="home"){
			$('dock_search_box').setStyle("display","none");
			$('search_opties_extended_line').setStyle("display","none");
			$('search_opties_extended').setStyle("display","none");
			}
			 
			if(cview!="home" && cview!="thema" && $('search_opties_extended').getStyle('display')!="none"){
			basicBehaviour.SearchOptionsIn();
			}
			
			$('preloader').setStyle('opacity',1);

			
			url	=(this.get('rel')=="Contact")? "/contact" : "/content/"+this.get('rel');
			
			ref = this; 
			new Request.HTML({url: url, update: 'cif_content',
				onComplete: function(){
				footermenu.Openw(ref);					
				pageTracker._trackPageview('/'+url);
				
				}
	
			}).get();	
			
		
		}.bind(href));//href is binded to function for IE
	});
		
		//this.cw = this.closeWindow.bind(this); 
		//$$('#footer_background', '#cif_close').addEvent('click', this.cw); //then add it	
		
		$$('#footer_background', '#cif_close').addEvent('click', function(event){
			event = new Event(event);
			if(event.target.id=="footer_background" || event.target.id=="cif_close"){
			this.closeWindow();
			}
		}.bind(this));//
		
		
},

/*
 * onComplete: function(){
			console.log('recorded');
			
			$$('.first a').addEvent('click', function(event){
				new Request.HTML({url: 'content/Nieuws', update: 'cif_content'}).get();	
				
			});
			
			}
 * */
Openw: function(href){ 

	if(href.get('rel')=="Nieuws"){
		//extra functie!
		$('cif_title').innerHTML= "Nieuws";
		$$('.node a').addEvent('click', function(event){
		footermenu.newsWindow(this);
		return false;		
		});
	}

	dh = (cview=="home")?  $('dock').getCoordinates().height+40 : $('dock').getCoordinates().height;
	dh = (Browser.Engine.trident && cview!="home") ?  dh+40 : dh;///zindex verhaal!
	
	$('preloader').set('morph', {duration: 250, transition: Fx.Transitions.Expo.easeOut}).morph({opacity:[1,0]});
	$('footer').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({'bottom':(winCoords.height-(dh-9))+"px"});	
	
	$('footer_background').set('morph', {duration: 250, transition: Fx.Transitions.Expo.easeOut}).morph({'height':(winCoords.height-(dh-39))+"px"});	
	$('cif_framework').set('morph', {duration: 1300, transition: Fx.Transitions.Expo.easeOut}).morph({'height':(winCoords.height-(dh+121))+"px"});
	$('cif_content').set('morph', {duration: 1300, transition: Fx.Transitions.Expo.easeOut}).morph({'height':(winCoords.height-(dh+203))+"px"});
	ad	= href.getCoordinates($('cif'));
	$('cif_arrow').set('morph', {duration: 1300, transition: Fx.Transitions.Expo.easeOut}).morph({'opacity':[0,1], 'left':(ad.left + (ad.width/2)  -40 )+"px"});
},
	
newsWindow: function(obj){
	cc = $('cif_content').getCoordinates()
	newsdiv = new Element('div', {
		   'id': 	'newsitem',
		   'class': 'newsitem',
		   'styles': {
		        	'top': cc.top+4,
		        	'left': cc.left+4,
		        	'width': cc.width-64,
		        	'height': cc.height-64		        	
		    } 
		
			});
	
	new Request.HTML({url: obj.href+"?nieuws=1", update: newsdiv}).get();
	newsdiv.inject($(document.body));
},
 
closeWindow: function(){
		
			$('footer').set('morph', {duration: 250, transition: Fx.Transitions.Expo.easeOut}).morph({'bottom':"0px"});	
			$('footer_background').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({'height':30+"px"});
			$('cif_arrow').set('morph', {duration: 1300, transition: Fx.Transitions.Expo.easeOut}).morph({'opacity':[1,0]});
			
			if(cview=="home"){
			$('dock_search_box').setStyle("display","block");
			}
			
			if($('newsitem')){
				$('newsitem').destroy();
				}
			 
		
	
}, 
	
helpIcon: function(){
		
		$('helpicon').addEvents({
			'click': function(){
			//console.log('starting help...');	
			if(this.script==null){
				
				this.css		= new Asset.css('/css/help.css', {id: 'helpcss'});
				this.script	= new Asset.javascript('/scripts/mootools-hulp.js', {id: 'help_'+cview});	
				
				}else{
				hulp.helpToggle();
				
				}
			
			
			},
			
			'mouseenter': function(){
				this.set("src","/images/interface/help/ico_help_over.png");
			},
			    
			'mouseleave': function(){
				this.set("src","/images/interface/help/ico_help.png");
			}
			 
		});
	}	

});



 



/* BASIC BEHAVIOURS*/

var basicBehaviour = new Class({

	initialize: function(){
	this.dock();
	
	this.SearchOptions();
	this.SearchExtended();
	
},

dock: function(){
	$('dock').addEvent('click', function(evt){
		var event = new Event(evt);
		if(event.target.id!="search_trefwoord" && event.target.id!="search_opties" && event.target.id!="search_opties_extended"){
		this.SearchOptionsIn();
		}		
	}.bind(this));
},

SearchOptions: function(){
	$('search_opties').addEvent('click', function(event){
		this.toggleSearchOptions();		
		}.bind(this));
},

SearchOptionsIn: function(){
	pos		= $('dock_search_elements').getPosition(); //returns {x: 100, y: 500};
	$('search_opties').setStyles({'background': 'url(/images/dock/opties.gif) no-repeat', 'cursor': 's-resize'});
	$('search_opties_extended_line').setStyles({'opacity': 0, 'display':'none'});	
	$('search_opties_extended').setStyles({'opacity': 0, 'display':'none', 'height': 0, 'width': 0});	
	soe=0;
	
},

SearchOptionsOut: function(){
	pos		= $('dock_search_elements').getPosition(); //returns {x: 100, y: 500};
	$('search_opties').setStyles({'background': 'url(/images/dock/opties_uit.gif) no-repeat', 'cursor': 'n-resize'});
	$('search_opties_extended_line').setStyles({'opacity': 1, 'display':'block', 'z-index': 102, 'top': (pos.y+29), 'left': (pos.x+296)});	// 'width': 116'height': 13
	$('search_opties_extended').setStyles({'opacity': 1, 'display':'block', 'height': '220px', 'width': '358px', 'top': (pos.y+40)+'px', 'left': (pos.x+60)+'px'});	
	
	soe=1;
},

toggleSearchOptions: function(){
	if($('search_opties_extended').getStyle('display')=="none"){//&& event.target.id!="search_trefwoord"
	this.SearchOptionsOut();
	}else{
	this.SearchOptionsIn();		
	}			
},

SearchExtended: function(){
	$('basis').getElements('.fade').addEvents({
		'mouseenter': function(){
			this.getElement('.close').set('src', '/images/search_info_close_over.gif');
		},
		    
		'mouseleave': function(){
			this.getElement('.close').set('src', '/images/search_info_close.gif');	
		},
		    
		'click': function(){
		   	new Fx.Morph(this, {duration: 750, transition: Fx.Transitions.Expo.easeOut}).start({'height': 0, 'width':0, 'font-size':'0px', 'opacity':0});
		   	var classs	= this.id.split("lijst_search_extended_");
		   	selector	= classs[1];
		    
		 new Request.HTML({url:'/session/'}).post({session:selector, waarde:0});	
		    	
		 $('basis').getElements("."+selector).each(function (resultaat, i) {
		   		results=results-1;
		   		resultaat.morph({height: 0, width: 0, opacity:0});
		   		(function(){
		   		resultaat.destroy(); 	    		
		   		}).delay(550);
		    	});	
		    	
		 		$(classs[1]).checked=false;
		    	
		    	if(cview!="tijdlijn"){
		    		
		    	//this.script	= new Asset.javascript('/scripts/mootools-hulp.js', {id: 'help_'+cview});	
		    	pagination 		= new Pagination();
		    	}
		    }
		}).each(function (closediv, i) {
			closediv.getElement('.close').setStyle('opacity', '0.85');		
			
		});
}	
});


/* TOGGLESCREEN */
var toggleScreen = new Class({
	Implements: Chain,

initialize: function(){
	this.state="normal";
	$('fstoggler').addEvent('click', function(){
		toggleScreen.toggleScreen();
		
	});
	
	
	this.screenCheck();
},

screenCheck: function(){
	  if(winCoords.height<705 && this.state=="normal"){
		 //alert("teklein");
		 //$('fstoggler').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({top:12, opacity:0.8});  
		  var myFx = new Fx.Morph('fstoggler', {duration: 400, transition: Fx.Transitions.Sine.easeOut});
		  
		  myFx.start({
				'background-color': '#0078ca', 'opacity':1
			}).chain(function(){
				this.start({'background-color': '#00000'});
			}).chain(function(){
				this.start({'background-color': '#0078ca'});
			}).chain(function(){
				this.start({'background-color': '#00000'});
			}).chain(function(){
				this.start({'background-color': '#0078ca'});
			}).chain(function(){
				this.start({'background-color': '#00000'});
			})
		  
		//	'border-color': '#ffffff','border-color': '#00000',

		  
	  }
},

toggleScreen: function(){
	//$('dconsole').innerHTML		= $('dock').getStyle("top")
if(parseInt($('dock').getStyle("top"))<0){
	this.normalScreen();	
}else{
	this.fullScreen();	
}	

},

fullScreen: function(){
	$('dock').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({top:-170, opacity:0.7});      
	$('fstoggler').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({top:12, opacity:0.8});      
	
	if(cview=="lijst" || cview=="tijdlijn" ){
	$('basis_wrapper').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({'margin-top':0, height:(winCoords.height-146)});  
	//$('lijst_search_info').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({top:-90});  
	
	if(cview=="lijst"){		
	pagination = new Pagination();		
	(function(){ pagination = new Pagination();	 }).delay(1550);
	}
	}
	
	if(cview=="bladeren"){    
	
		
		$('basis_wrapper').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({'overflow': 'hidden', 'margin-top':-30, height:(winCoords.height-60)}); //290
	
	
	}
	
	$('footer').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({bottom:-30});      
	$('footer_background').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({bottom:-30});	
	$('fstoggleimage').set("src","/images/normalscreen.gif");
	$('fstoggleword').set("html","gewoon scherm");
	this.state="fullscreen";			
},

normalScreen: function(){
	$('dock').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({top:0, opacity:1});      
	$('fstoggler').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({top:162, opacity:1}); 
	
	if(cview=="lijst"  || cview=="tijdlijn"){
		$('basis_wrapper').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({'margin-top':130, height:(winCoords.height-322)});  
		//$('lijst_search_info').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({top:-90});  
		if(cview=="lijst"){		
		(function(){ pagination = new Pagination();	 }).delay(1600);
		}
		}
	
	if(cview=="bladeren"){
	//$('previewFlow').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({top:0});  
	$('basis_wrapper').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({'overflow': 'auto', 'margin-top':130, height:(winCoords.height-219)}); 
	}
	$('footer').set('morph', {duration: 1500, transition: Fx.Transitions.Expo.easeOut}).morph({bottom:0});      
	$('footer_background').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({bottom:0});
	$('fstoggleimage').set("src","/images/fullscreen.gif");
	$('fstoggleword').set("html","volledig scherm");
	this.state="normal";				

}


});


/* ANIMATEPREVIEWS*/
var i=0;
Animate	= new Class({

	initialize: function(obj, source) {
	i=0;
	this.obj	= obj
	this.source	= source
	this.images	= new Array();
	//this.films 	= new Array("bevrijding_eindhoven", "duitse_soldaat", "mobilisatie", "prins_bernhard", "suriname_curacao", "amsterdam_bevr_feest_kl");
	intervalID 	= this.rotateImage.periodical(250, this);
	this.nummer	= this.randn(5);	
	//$('medium_image').setStyles({'width':'249px', 'height':'185px'});
	//$('medium_image').setStyles({'width':'249px', 'height':'185px', 'background':'url('+source+')'});
	//$('medium_image').src='/images/leeg.gif';
	
	},

randn: function(n){
	
return ( Math.floor ( Math.random ( ) * n + 1) );

	},	

rotateImage: function(){
	
	i=(i==110) ? 1 : i;
	ni = i+1
	ii = (ni<10)? "0"+ni: ni;
	ii = (ii<100)? "0"+ii: ii;	
	

	this.images[i] = new Element('img', {
		    'class': 'myClass',
		    'src': this.source[i]
		});
	this.images[i].loaded=0;
	this.images[i].onLoad=this.changeSource(i);
	
	
	
	i++;
	},
	
changeSource: function(n){

this.images[n].loaded=1;

afbeelding = ($('preview_image')) ? $('preview_image') : this.obj.getElement('.preview_image');

if(afbeelding!=null){
	afbeelding.src=this.images[n].src;
}else{
	$clear(intervalID);
}

}	
	
	
});


/*VERZENDEN formvalidation enso*/
var Verzenden = new Class({
	
	initialize: function(options){
	this.options = options;
	
	this.options.formulier.addEvent('submit', function(e) {
	this.seachinput= (cview=="home") ? $('search_trefwoord_home') : $('search_trefwoord');
	//alert($('Publisher').value);
	
	//if (cview!="thema" && $('Publisher').value!=0) {
	//alert("een collectie!");	
	//}
	
	if(this.seachinput.value=="Zoek op trefwoord locatie of datum" && $('Publisher').value=='0'){
		return false;		
	}else if(this.seachinput.value=="Zoek op trefwoord locatie of datum" && $('Publisher').value!='0'){
	
		if (cview!="home"){
			$('search_trefwoord_home').value=""
		}else{
			$('search_trefwoord').value=""	
		}
		
		
	return true;	
	}
	
	if( this.seachinput.value.length<3 && (cview!="thema" && $('Publisher').value==0)){
		alert("Om te zoeken moet u op zijn minst een woord van 3 tekens lang invullen.");
		return false;	
	}
	
	this.van_date	= new Date($('van_jaar').value, ($('van_maand').value-1)).getTime();
	this.tot_date	= new Date($('tot_jaar').value, ($('tot_maand').value-1)).getTime();
	if(this.van_date-this.tot_date>0){
	alert("De periode van is later als de periode tot. Pas een van de datums aan a.u.b.");
	return false;	
	}
	
	return true;
	});
	
	},
	
	check_status: function(){
	
		$('Sound').disabled=($('beeldfragment').checked) ? false : true;

		if($('beeldfragment').checked==false){
			$('Sound').checked=false;
		}

		if($('beeldfragment').checked==false && $('geluidsfragment').checked==false){
			alert('Je moet op zijn minst óf beeldfragment óf geluidsfragment selecteren.');	
			$('beeldfragment').checked=true; 
			$('Sound').disabled=false;
		}

		if($('Medium_1').checked==false && $('Medium_2').checked==false  && $('beeldfragment').checked==true){
			alert('Je moet op zijn minst óf zwart-witfilms óf kleurenfilms selecteren.');	
			$('Medium_1').checked=true; 
		}		
		
	}
});




//
// Decodes preview url numbers and returns a list of urls
//
function oibGetPreviewFrameUrls(frame_list_as_text) {
	var frames_as_code = frame_list_as_text.split(';');
	
	var i;
	var frame_url_list = [];
	for(i=0; i < frames_as_code.length; i++) {
		if (!frames_as_code[i]) { continue; }
		var tmp = frames_as_code[i].split('|');
		frame_url_list.push('/media/oorlog_in_blik/images/' + tmp[0] + '/' + tmp[1] + '_ca_object_representation_multifiles_media_' + tmp[2] + '_preview.jpg');
	}
	
	return frame_url_list;
}

var Thema	= new Class({

	initialize: function() {
	$('dock').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({height:154});                
	$('dock_head_wrapper').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({height:138});                

	
    
	
	if(cview=="home"){
		$('meer_lezen').setStyle("opacity","0");	
	}else if(cview=="thema"){
	
		$('meer_lezen').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({display:'block', left:$('dock_searchs').getPosition().x, top: 138}).addEvent('click', function(){		
		thema.toggle();	
		}).status=1;	
		
	}
	
	if(cview=="thema"){
	$('tabhome').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({display:'block', left:$('dock_head').getPosition().x, top: 120});                
	} 
},
	 
	toggle: function(){
		
		if($('meer_lezen').status==1){
		$('dock').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({height:$('dock_searchs').getDimensions().height+10}); 
		$('dock_head_wrapper').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({height:$('dock_searchs').getDimensions().height});           
		$('meer_lezen').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({top: $('dock_searchs').getDimensions().height-8}).innerHTML='&lsaquo; minder lezen';
		
		if(cview=="thema"){
		$('tabhome').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({top: $('dock_searchs').getDimensions().height-23});
		} 
		
		$('meer_lezen').status=0;
		}else{
		$('dock').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({height:154}); 
		$('dock_head_wrapper').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({height:135});           
		$('meer_lezen').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({top: 138}).innerHTML='...meer lezen &rsaquo;';
		if(cview=="thema"){
		$('tabhome').set('morph', {duration: 500, transition: Fx.Transitions.Expo.easeOut}).morph({top: 120});
		}
		$('meer_lezen').status=1;	
		}
	}
 


});

function contact(){
	returnval = (/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i).test($('email').value);
	returnval = ($('email').value.length==0) ? false : returnval; 
	
	if(!returnval){ 
		alert("U heeft een fout e-mailadres ingevuld.");
		$('email').focus();
	}
	
	
	
	if(returnval){
	req =	$('contactForm').getElements('.required');
	for(var i=0; i<req.length;i++){
	
	if(req[i].value.length==0){
		alert("Niet alle verplichte velden zijn ingevuld.");
		req[i].focus();	
		returnval = false;
	break;
	}
	
	}
	} 
	
	
	if(returnval){
	new Request.HTML({url:'/verzend', update: $('formdiv')}).post($('contactForm'));
	}
		
	return false;
}


function publisher_melding(obj){
	if(obj.value!='0' && Cookie.read("publisher")!=1){
	alert('Om de hele collectie van een instelling te kunnen bekijken laat u het zoekveld leeg.');
	Cookie.write('publisher', 1, {duration: 1});

}
	
	$('search_trefwoord_home').value= (obj.value!='0') ? $('search_trefwoord_home').value='' : $('search_trefwoord_home').value	
}