// browser sniffer
var Browser = function(){
	this.uA = navigator.userAgent.toLowerCase();
	this.aN = navigator.appName.toLowerCase();
	this.iE = this.aN.indexOf('microsoft') != -1 ? 1 : 0;
	this.mac =	this.uA.indexOf('mac') != -1 ? 1 : 0;
	this.win = this.uA.indexOf('windows') != -1 ? 1 : 0;
	this.safari =	this.uA.indexOf('webkit') != -1 ? 1 : 0;
	this.opera =	this.uA.indexOf('opera') != -1 ? 1 : 0;	
	this.operaMini =	this.uA.indexOf('mini') != -1 ? 1 : 0;	
	this.mozilla = this.aN.indexOf('netscape') != -1 && !this.safari ? 1 : 0;
	this.winMozilla = this.mozilla && this.win ? 1 : 0;
	this.winIE = this.iE && this.win && !this.opera ? 1 : 0;
	this.winIE6Down = this.winIE && parseInt(this.uA.split('msie ')[1].substring(0,1)) <= 6 ? 1: 0;
	this.macIE = this.iE && this.mac ? 1 : 0;
}
var browser = new Browser();
	

// addStyle
var addStyle = function(selector,properties){
	if (document.styleSheets) {
		var s = document.getElementsByTagName('STYLE');
		if (s.length == 0){
			var sheet = document.createElement('style');
			sheet.setAttribute('type','text/css');
			document.getElementsByTagName('HEAD')[0].appendChild(sheet);}
		if (browser.winIE){
			var lastSheet = document.styleSheets[document.styleSheets.length - 1];
			lastSheet.addRule(selector, properties);}
		else {var lastSheet = s[0];
			lastSheet.appendChild(document.createTextNode(selector + ' { ' + properties + ' }'));}
		}
}
addStyle('.drempel','display:none;');
addStyle('.noscript','display: block !important;');

//layout on DomLoad
$.fn.layOut = function(){
	
	
	//flash header hover animate
	//$("#flashheader").bind( "hover", { speed:200, delay:200 }, function(){ ... });
	// $("#flashheader").hover(function(){
	// 		$(this).animate({ height: "40em" }, { easing:'easeOutQuad', queue:false, duration:600} );
	// 	},function(){
	// 		$(this).animate({ height: "11.5em" }, { easing:'easeOutQuad', queue:false, duration:400} );
	// 	});
	
	if (browser.winIE6Down){
		$(".bg-wave-right").prepend('<div class="append-wave-white-right"><!-- --></div>');
		$(".bg-wave-left").prepend('<div class="append-wave-white-left"><!-- --></div>');
	};
	
	
	$(".wave-white-right-overlay").each(function(){ addWhiteOrGreyOverlay($(this)); });
	$(".wave-white-left-overlay").each(function(){ addWhiteOrGreyOverlay($(this)); });
	$(".wave-grey-right-overlay").each(function(){ addWhiteOrGreyOverlay($(this)); });
	$(".wave-grey-left-overlay").each(function(){ addWhiteOrGreyOverlay($(this)); });
	
	if (browser.winIE){
		$('input:checkbox, input:radio').css({ border: "none", background: "none" });
	};
	
}

//add white or gray wave on element, depending on next div
function addWhiteOrGreyOverlay(el){
	var dir = ($(el).attr('class').indexOf('-right-')>0) ? 'right' : 'left';
	var next = el.next('div.bg-light-grey:first');
	if(next.length > 0){
		el.prepend('<div class="append-wave-grey-'+dir+'"><!-- --></div>');
	}else{
		el.addClass('msbott');
		el.prepend('<div class="append-wave-white-'+dir+'"><!-- --></div>');
	}
}

// $(document).ready(function(){
// 	window.setTimeout(function() {
// 		$("#flashheader").animate({ height: "11.5em" }, { easing:'easeOutQuad', queue:false, duration:400} );
// 	}, 2000);
// 
// });

//autoscroll to anchor (confirms to ID from anchor)	
$.fn.scrollLinks = function() {
	$(this).click(function () { 
		var el = $('#' + this.href.split('#')[1]).parent().parent();
//		window.setTimeout(function() {
			// depends on jQuery scroll plugin
			// @TODO implement ui.harmonica
//			$.scrollTo( el, 800, { easing:'easeOutQuad' });
//		}, 500);
		return false;
	});
}

/* toggle input value */
$.fn.toggleVal = function(id, class1, class2) {
	return this.focus(function() {
		if( this.value == this.defaultValue ) {
			this.value = "";
		}
	}).blur(function() {
		if( !this.value.length ) {
			this.value = this.defaultValue;
		}
	});
}

// toggle div sequence; 
$.fn.toggleSeq = function(id, class1, class2) {
	var class2Els = $('#'+id+' li a.'+class2);
	if(class2Els.length>0) {
		// intitialize on the html-defined compartiment
		class2Els.next('div.drempel').show();
	}else{
		// intitialize on the 1st compartiment
		$('#'+id+' li a:first').addClass(class2);
		$('#'+id+' li div:first').show();
	}
	$('#'+id+' li a').click(function() {
		var checkElement = $(this).next();
		if((checkElement.is('div.drempel')) && (checkElement.is(':visible'))) {
			return false;
		}
		if((checkElement.is('div.drempel')) && (!checkElement.is(':visible'))) {	
			$('#'+id+' li a').removeClass(class2);
			$(this).addClass(class2);
			$('#'+id+' div.drempel:visible').animate({ height: 'toggle' }, {queue:true, duration:600});
			//, opacity: 'toggle' breaks cleartype IE7	
			checkElement.animate({ height: 'toggle'}, {queue:true, duration:600});
			//, opacity: 'toggle' breaks cleartype IE7
			return false;
		}
	});
}

$.fn.toggleDiv = function(text1, text2, class1, class2) {
	return this.toggle(function(){
		var el = $('#' + this.href.split('#')[1]);
		$(this).text(text2);
		$(this).removeClass(class1);
		$(this).addClass(class2);
			el.animate({ height: 'toggle'}, {queue:false, duration:600});
			//, opacity: 'toggle' breaks cleartype IE7
	},function(){
		var el = $('#' + this.href.split('#')[1]);
		$(this).text(text1);
		$(this).removeClass(class2);
		$(this).addClass(class1);
		el.animate({ height: 'toggle'}, {queue:false, duration:400});
		//, opacity: 'toggle' breaks cleartype IE7
	});
}

//open external links in new window
$.fn.externalLinks = function() {
	var localDomain = (location.href.split('/')[2]);
	var localExtensionsInNewWindow = Array('doc','xls','pdf');
	var list = $(this).find('a:not(#footer a, #header a)');
	for (var i = 0; i < list.length; i++){
		var aEl = list[i];
		var aElHref = aEl.href;
		// check for extensions
		var extension = (aElHref.substring(aElHref.length - 4,aElHref.length)).toLowerCase();
		var foundExtension = false;
		for (var j = 0; j < localExtensionsInNewWindow.length; j++){
			if (extension == '.' + localExtensionsInNewWindow[j]){
				foundExtension = true;
				break;
			}
		}
		// open in new window if conditions are right
		if ((aElHref.split('/')[2] != localDomain && aElHref.indexOf('mailto:') == -1 && aElHref.indexOf('javascript:') == -1) || foundExtension){
			var a_title = $(aEl).attr('title') ? $(aEl).attr('title') : '';
			$(aEl).addClass('external').attr('title', a_title + ' (external link)');
			aEl.onclick = function(){
				window.open(this.href);
				return false;
			}
		}
	}
}

var captureInternalAnchor = function() {
	$items = $('.captureInternalAnchor');
	$items.each(function(index, el){
		$(el).find('a.internalAnchor:first').click(function(e){e.stopPropagation()});
		$(el).bind('mouseover',function(e){	
			$(el).toggleClass('bg-light-grey').find('a').css('textDecoration', 'underline');
			e.stopImmediatePropagation()
		}).bind('mouseout',function(e){	
			$(el).toggleClass('bg-light-grey').find('a').css('textDecoration', 'none');
			e.stopImmediatePropagation()
		}).bind('click', function(e){
			// there is an event-issue with not-external links ( $.fn.externalLinks() ..? ): 
			// the event is cancelled for unknown reasons 
			// ...so we define custom behaviour here to fix this
			var ia = $(el).find('a.internalAnchor:first');
			if( ia.hasClass('external') ){
				$(el).find('a.internalAnchor:first').click();
			}else{
				document.location.href = $(el).find('a.internalAnchor:first').attr('href')
			}
			e.stopImmediatePropagation();
		});
	});
}

lazy = {};
lazy.rollover = {
	init: function() {
		this.preload();
		$(".rollover").hover(
		 function () { $(this).attr( 'src', lazy.rollover.newimage($(this).attr('src')) ); }, 
		 function () { $(this).attr( 'src', lazy.rollover.oldimage($(this).attr('src')) ); }
		);
	},
	preload: function(){
		$(window).bind('load', function() {
		 $('.rollover').each( function( key, elm ) { $('<img>').attr( 'src', lazy.rollover.newimage( $(this).attr('src') ) ); });
		});
	},
	newimage: function( src ){ 
		return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_o' + src.match(/(\.[a-z]+)$/)[0]; 
	},
	oldimage: function( src ){ 
		return src.replace(/_o\./, '.'); 
	}
}
// lazy rollover with preload
$(document).ready( function(){
	lazy.rollover.init();
});

// FontReplacement
//, sWmode : "transparent" or , sWmode : "opaque"
//$.fn.do_sIFR = function(){
//	if(typeof sIFR == "function"){
//		sIFR.replaceElement("div.related .docu", "/fonts/documenta.swf", named({sColor : "#009CDA", sWmode : "transparent"}));
//		sIFR.replaceElement(".docu", "/fonts/documenta.swf", named({sColor : "#001F4B", sWmode : "transparent"}));
//		sIFR.replaceElement(".wdocu", "/fonts/documenta.swf", named({sColor : "#FFFFFF", sWmode : "transparent"}));
//		sIFR.replaceElement(".futu", "/fonts/futura.swf", named({sColor : "#009CDA", sWmode : "transparent"}));
//		sIFR.replaceElement(".page_column h3.wfutu", "/fonts/futura.swf", named({sFlashVars: "&offsetTop=4", sColor : "#FFFFFF", sWmode : "transparent"}));
//		sIFR.replaceElement(".wfutu", "/fonts/futura.swf", named({sColor : "#FFFFFF", sWmode : "transparent"}));
//// disabled: zie ticket #175
////		sIFR.replaceElement(".html-editor h2", "/fonts/futura.swf", named({sColor : "#009CDA", sWmode : "transparent"}));
////		sIFR.replaceElement(".html-editor h3", "/fonts/futura.swf", named({sColor : "#009CDA", sWmode : "transparent"}));
////		sIFR.replaceElement(".html-editor h4", "/fonts/futura.swf", named({sColor : "#009CDA", sWmode : "transparent"}));
////		sIFR.replaceElement(".html-editor h5", "/fonts/futura.swf", named({sColor : "#009CDA", sWmode : "transparent"}));
//	}
//};

//DOM loader
function init() {
	if (arguments.callee.done) return;
	arguments.callee.done = true;
	
	$('html').layOut();
	$('html').externalLinks();
	$('.togval').toggleVal();
	//$('a.toggle').toggleDiv('meer opties','minder opties','','');
	//$('a.togplusmin').toggleDiv(null,null,'plus','min');
	$('html').toggleSeq('faq','faq-plus','faq-min');
	$('html').toggleSeq('actueel','actueel-plus','actueel-min');
	
	$('.tablist').each(function() {
//		var tablist = $(this);
//		tablist.tabs({fx: { opacity: 'toggle' } })
//		.find('ul:eq(0) > li a.top-icon').each(function(i) {
//			$(this)
//			.bind('mouseover', function(event) {
//				tablist.tabs('select',i);
//			})
////			.bind('click', function(event) {
////				//console.log($(this).attr('href'))
////			})
//			;
//		});
//		console.log(tablist.tabs('option', 'tabTemplate'));
//		console.log(tablist.tabs('length'));
	});
	$('.scroll').scrollLinks();
	$('form').find('.required').each( function(){
		var str = $(this).html();
		$(this).html( str + ' *' ); 
	});
	captureInternalAnchor();
	if(browser.winIE) {try {document.execCommand('BackgroundImageCache', false, true);} catch(e) {};}
	if (browser.safari) { $('input[type=file]').css({ backgroundColor: "transparent", border: "none"}); };
	
};
if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", init, null);
}
if (/WebKit/i.test(navigator.userAgent)) {	
var _timer = setInterval(function() {		
	if (/loaded|complete/.test(document.readyState)) {			
		clearInterval(_timer); init();}}, 10);
};
// for Internet Explorer (using conditional comments)
/*@cc_on @*/
/*@if (@_win32)document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
var script = document.getElementById("__ie_onload");
script.onreadystatechange = function() {	
	if (this.readyState == "complete") {		
		init();	
	}
};
/*@end @*/

window.onload = init;