var winScroller;
var screen_width;
var screen_height;
var ajaxcounter = 0;
var fixed = 0;

//	setup viewports
function fix(){
	
	//	resize content container
	if($('container')){
		var containermargin = $('container').getStyle("marginTop").toInt();	
	} else {
		var containermargin = 0;
	}
	
	/*
	if($defined($('content_container'))){
		if($('content_container').scrollHeight.toInt()+0 < document.body.clientHeight.toInt()){
			containermargin = 0;
			$('container').setStyle("marginTop", 0+"px");
		}
	}
	*/
	
	//	resize content container
	$('content').setStyle('height', Math.max(document.body.clientHeight-containermargin, 370 + (230 - containermargin))+"px");
	
	if(document.body.clientHeight < 600){
		$('html').setStyle('overflow', 'auto');
	} else {
		$('html').setStyle('overflow', 'hidden');
	}
	
	if(fixed == 0){
		//	resize beeld container
		$('beeldenpark').setStyle('width', Math.max(screen_width, 941)+"px");
		$('beeldenpark').setStyle('height', Math.max(document.body.clientHeight, 600)+"px");
		$('beeldenpark').setStyle('margin-left', Math.max(941, Math.min(screen_width-51, 1100))+"px");
		
		//	resize internal beeld
		$('image').setStyle('width', $('beeldenpark').offsetWidth+"px");
		$('image').setStyle('height', $('beeldenpark').offsetHeight+"px");	
	}
	
	fixed = 1;
	
}

function getScreenSize() {
	if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		screen_width = document.documentElement.clientWidth;
		screen_height = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		screen_width = document.body.clientWidth;
		screen_height = document.body.clientHeight;
	}
}

function pngfix(){

	var arVersion = navigator.appVersion.split("MSIE")
	var version = parseFloat(arVersion[1])
	
	if ((version >= 5.5) && (document.body.filters)) 
	{
	   for(var i=0; i<document.images.length; i++)
	   {
	      var img = document.images[i]
	      var imgName = img.src
	      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	      {
	         var imgID = (img.id) ? "id='" + img.id + "' " : ""
	         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
	         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
	         var imgStyle = "display:inline-block;" + img.style.cssText 
	         if (img.align == "left") imgStyle = "float:left;" + imgStyle
	         if (img.align == "right") imgStyle = "float:right;" + imgStyle
	         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
	         var strNewHTML = "<span " + imgID + imgClass + imgTitle
	         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
	         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
	         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
	         img.outerHTML = strNewHTML
	         i = i-1
	      }
	   }
	}

}

//	scroll viewports

function scroll_beeldenpark(){
	winScroller.toElement($('beeldenpark'));
}

function scroll_website(){
	winScroller.toElement($('website'));
}

//	content loading

function loadDiv(in_div, in_url, in_menusection, in_subsection){
	$(in_div).setHTML('<div id="loader"><img src="http://www.odapark.nl/img/loading.gif"></div>');
	if(in_menusection){
		menu_set(in_menusection, in_subsection);
	}
	myajax = new Ajax('http://www.odapark.nl/page=site.'+in_url, {evalScripts: true, onComplete: function(){ initDiv(in_div); }, update: in_div, autoCancel: true});
	myajax.request();
	ajaxcounter++;
}

function loadPage(in_url, in_menusection, in_subsection){
	location.href = 'http://www.odapark.nl/page=site.loadpage/url='+in_url+'/menusection='+in_menusection+'/subsection='+in_subsection;
}

function search(){
	
	//	close all sections
	var menus = $ES(".menu_main_image");
	for(i=0;i<menus.length;i++){
		if($(menus[i]).hasClass('active')){
			$(menus[i]).removeClass('active');
			$(menus[i]).setProperty('src', $(menus[i].id).getProperty('src_original'));
		}
	}
	//	close all subsections
	var subs = $ES(".submenu");
	for(i=0;i<subs.length;i++){
		$(subs[i]).setStyle('display', 'none');
	}
	
	$('search').setStyle('display', 'block');
}

function bookmark(in_url){
	if(window.external) { 
		window.external.AddFavorite(in_url, "Odapark");
	}
}

function printit(){  
	if (window.print) {
	    window.print() ;  
	} else {
	    var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
		document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
	    WebBrowser1.ExecWB(6, 2);
	}
}

function initAjaxlinks(){
	//	setup ajax links
	var ajaxs = $$('a.ajaxlink');
	var hrefs = ajaxs.getProperty('href');
	for(i=0;i<ajaxs.length;i++){
		ajaxs[i].removeEvents('click');
		ajaxs[i].addEvent('click', function(e) {
			if (e) new Event(e).stop();
			$('bookmark').setProperty('href', 'javascript:bookmark(\''+$(this).getProperty('href')+'\');');
			eval($(this).getProperty('ajaxhref'));
		});		
	}
}

function initDiv(){
	fix();
	if($defined($('content_container'))){
		$('content_container').setStyle('visibility', 'visible');
	}
	initAjaxlinks();
	EB.processed = false;
	EB.processAttributes();
	Lightbox.init();
}

function initMenu(){
	
	initAjaxlinks();
	
	//	preload main images
	var menus = $ES(".menu_main_image", $('menu'));
	for(i=0;i<menus.length;i++){
		var preloadimg = new Image();
    	preloadimg.src = $(menus[i]).src_original;
    	preloadimg.src = $(menus[i]).src_mouseover;
    	preloadimg.src = $(menus[i]).src_active;
	}
    
    //	preload sub images
    var menus = $ES(".menu_sub_image", $('menu'));
	for(i=0;i<menus.length;i++){
		var preloadimg = new Image();
    	preloadimg.src = $(menus[i]).src_original;
    	preloadimg.src = $(menus[i]).src_mouseover;
    	preloadimg.src = $(menus[i]).src_active;
	}
    
    //	setup main events
    var menus = $ES(".main", $('menu'));
    for(i=0;i<menus.length;i++){
    	$(menus[i]).onmouseover = function(){
			var mains = $ES(".menu_main_image", this);
			for(i=0;i<mains.length;i++){
				if(!$(mains[i]).hasClass('active')){
					$(mains[i]).setProperty('src', $(mains[i]).getProperty('src_mouseover'));
				}
			}
		}
    	$(menus[i]).onmouseout = function(){
			var mains = $ES(".menu_main_image", this);
			for(i=0;i<mains.length;i++){
				if(!$(mains[i]).hasClass('active')){
					$(mains[i]).setProperty('src', $(mains[i]).getProperty('src_original'));
				}
			}
		}	
    }
    
    //	setup sub events
    var menus = $ES(".sub", $('menu'));
    for(i=0;i<menus.length;i++){
    	$(menus[i]).onmouseover = function(){
			var subs = $ES(".menu_sub_image", this);
			for(i=0;i<subs.length;i++){
				if(!$(subs[i]).hasClass('active')){
					$(subs[i]).setProperty('src', $(subs[i]).getProperty('src_mouseover'));
				}
			}
		}
    	$(menus[i]).onmouseout = function(){
			var subs = $ES(".menu_sub_image", this);
			for(i=0;i<subs.length;i++){
				if(!$(subs[i]).hasClass('active')){
					$(subs[i]).setProperty('src', $(subs[i]).getProperty('src_original'));
				}
			}
		}	
    }
}

function menu_set(in_menusection, in_subsection){
	
	if(in_menusection !== "zoek"){
		$('search').setStyle('display', 'none');
	}
	
	var menus = $ES(".menu_main_image");
	for(i=0;i<menus.length;i++){
		if($(menus[i]).hasClass('active')){
			$(menus[i]).removeClass('active');
			$(menus[i]).setProperty('src', $(menus[i].id).getProperty('src_original'));
		}
	}
	//	set main section active
	$('menu_'+in_menusection).addClass('active');
	$('menu_'+in_menusection).setProperty('src', $('menu_'+in_menusection).getProperty('src_active'));
	
	//	close all subsections
	var subs = $ES(".submenu");
	for(i=0;i<subs.length;i++){
		$(subs[i]).setStyle('display', 'none');
	}
	
	//	close all archives
	var archs = $ES(".archive_nav");
	for(i=0;i<archs.length;i++){
		$(archs[i]).setStyle('display', 'none');
	}
	
	//	check for subsection
	if(in_subsection){
		
		//	open up subsection
		$("submenu_"+in_menusection).setStyle('display', 'block');
		
		//	get subs in this section
		var submenus = $ES(".menu_sub_image", $('submenu'+in_menusection));
		for(i=0;i<submenus.length;i++){
			if($(submenus[i]).hasClass('active')){
				$(submenus[i]).removeClass('active');
				$(submenus[i]).setProperty('src', $(submenus[i]).getProperty('src_original'));
			}
		}
		//	set sub section active
		if($('menu_'+in_menusection+'_'+in_subsection)){
			$('menu_'+in_menusection+'_'+in_subsection).addClass('active');
			$('menu_'+in_menusection+'_'+in_subsection).setProperty('src', $('menu_'+in_menusection+'_'+in_subsection).getProperty('src_active'));	
		}
		
		if($('menu_'+in_menusection+'_'+in_subsection).getProperty('has_archive')){
			$($('menu_'+in_menusection+'_'+in_subsection).getProperty('has_archive')).setStyle('display', 'block');
		}
		
	}

}

function load_player(playerdiv, file, autostart, moviewidth, movieheight){
	if(!autostart){ autostart = false; }
	if(!moviewidth){ moviewidth = 475; }
	if(!moviewidth){ movieheight = 356; }
	var FU = { movie:"http://www.odapark.nl/swf/mediaplayer.swf",width:moviewidth,height:movieheight,majorversion:"7",build:"0",bgcolor:"#ffffff",wmode:"transparent",flashvars:"file=" + escape(file) + "&shuffle=false&overstretch=true&repeat=false&usefullscreen=true&displayheight="+movieheight+"&showdigits=true&autostart="+autostart+"&screencolor=0xffffff&lightcolor=0xE11B22&backcolor=0xffffff&frontcolor=0x000000" };
	UFO.create(FU, playerdiv);
}

function CheckForm(f) {
	if (f.email.value == "") {
		alert("Voer aub een geldig emailadres in.");
		f.email.focus();
		return false;
	}
	return true;
};