// JavaScript Document
// for jquery 

// compress me as jq.tales.pack.js at http://jscompress.com/ (pref. packer)

$(document).ready(function(){






	//jquery/jquery.client.js	
	(function() {
			
	// set value in generic searchform (top of page)	
		$('#pagehead .col2 #nieuwsinschrijf').val('e-mailadres');
		$('#pagehead .col2 #nieuwsinschrijf').addClass('lightertext');
	// clear value in generic searchform (top of page) when focussing
		$('#pagehead .col2 #nieuwsinschrijf').focus(function(){
			$('#pagehead .col2 #nieuwsinschrijf').val('');
			$('#pagehead .col2 #nieuwsinschrijf').removeClass('lightertext');
			})

		  
	//1. replace class 'no-js' on html with 'js', so we can differentiate between javascript-enabled & disabled clients
	$('html').removeClass('no-js');
	$('html').addClass('js');
	
	
	
				var BrowserDetect = {
					init: function () {
						this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
						this.version = this.searchVersion(navigator.userAgent)
							|| this.searchVersion(navigator.appVersion)
							|| "an unknown version";
						this.OS = this.searchString(this.dataOS) || "an unknown OS";
					},
					searchString: function (data) {
						for (var i=0;i<data.length;i++)	{
							var dataString = data[i].string;
							var dataProp = data[i].prop;
							this.versionSearchString = data[i].versionSearch || data[i].identity;
							if (dataString) {
								if (dataString.indexOf(data[i].subString) != -1)
									return data[i].identity;
							}
							else if (dataProp)
								return data[i].identity;
						}
					},
					searchVersion: function (dataString) {
						var index = dataString.indexOf(this.versionSearchString);
						if (index == -1) return;
						return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
					},
					dataBrowser: [
						{
							string: navigator.userAgent,
							subString: "Chrome",
							identity: "Chrome"
						},
						{ 	string: navigator.userAgent,
							subString: "OmniWeb",
							versionSearch: "OmniWeb/",
							identity: "OmniWeb"
						},
						{
							string: navigator.vendor,
							subString: "Apple",
							identity: "Safari",
							versionSearch: "Version"
						},
						{
							prop: window.opera,
							identity: "Opera"
						},
						{
							string: navigator.vendor,
							subString: "iCab",
							identity: "iCab"
						},
						{
							string: navigator.vendor,
							subString: "KDE",
							identity: "Konqueror"
						},
						{
							string: navigator.userAgent,
							subString: "Firefox",
							identity: "Firefox"
						},
						{
							string: navigator.vendor,
							subString: "Camino",
							identity: "Camino"
						},
						{		// for newer Netscapes (6+)
							string: navigator.userAgent,
							subString: "Netscape",
							identity: "Netscape"
						},
						{
							string: navigator.userAgent,
							subString: "MSIE",
							identity: "Explorer",
							versionSearch: "MSIE"
						},
						{
							string: navigator.userAgent,
							subString: "Gecko",
							identity: "Mozilla",
							versionSearch: "rv"
						},
						{ 		// for older Netscapes (4-)
							string: navigator.userAgent,
							subString: "Mozilla",
							identity: "Netscape",
							versionSearch: "Mozilla"
						}
					],
					dataOS : [
						{
							string: navigator.platform,
							subString: "Win",
							identity: "Windows"
						},
						{
							string: navigator.platform,
							subString: "Mac",
							identity: "Mac"
						},
						{
							string: navigator.userAgent,
							subString: "iPhone",
							identity: "iPhone"
					    },
						{
							string: navigator.platform,
							subString: "Linux",
							identity: "Linux"
						}
					]
				
				};
				
				BrowserDetect.init();
				
				window.$.client = { os : BrowserDetect.OS, browser : BrowserDetect.browser };
				//alert($.client.browser)
				//alert($.client.os)
				
				$('html').addClass($.client.os);
				$('html').addClass($.client.browser);
				
				
			
				
			})();
			 

	
		if($.browser.msie && $.browser.version=="6.0"){	$('li:last-child').addClass('last-child')};
		if($.browser.msie && $.browser.version=="7.0"){	$('li:last-child').addClass('last-child')};
		if($.browser.msie && $.browser.version=="8.0"){	$('li:last-child').addClass('last-child')};
		
			
		if($.browser.msie && $.browser.version=="6.0"){	$('li:first-child').addClass('first-child')};
		if($.browser.msie && $.browser.version=="7.0"){	$('li:first-child').addClass('first-child')};
		if($.browser.msie && $.browser.version=="8.0"){	$('li:first-child').addClass('first-child')};

		// setup ul.tabs to work as tabs for each div directly under div.panes
		$("ul.tabs").tabs("div.panes > div");
			
		$(".iconrow img[title]").tooltip();
				
				
		//equalize hights
		//3 teaserpanels dezelfde hoogte geven
		var col1Height 		= $('.home #maincontent').height();
		var col2Height 		= $('.home #spotlightcol').height();
		var col3Height		= $('.home #sidenav').height();
		
		//alert('col1Height = '+col1Height)
		//alert('col2Height = '+col2Height)
		
		if( col1Height >= col2Height){
			var targetHeight = col1Height;
			}
			else{
				var targetHeight = col2Height;
				}
		if( col3Height >= targetHeight){
			var targetHeight = col3Height;
			}
		
		//alert ('target = ' +targetHeight);
		$('.home #maincontent').css('height',targetHeight);
		$('.home #spotlightcol').css('height',targetHeight);
		$('.home #sidenav').css('height',targetHeight);
})



$(document).ready(function()
{
	  /*   $('.iconrow img[title]').qtip({
					  position: {
						 corner: {
							target: 'topRight',
							tooltip: 'bottomLeft'
						 }
					  },
					  style: {
						 name: 'cream',
						 padding: '7px 13px',
						 width: {
							max: 210,
							min: 0
						 },
						 tip: true
					  }
					 
				   });*/
				   //qtip
				   

});


