$(document).ready(function(){
	// check browser
	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/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();
/////////////////////////////////////////////////////////////////////////////////
	//alert("browser check:"+BrowserDetect.browser+"\nversie:"+BrowserDetect.version);
	if (BrowserDetect.browser == 'Explorer' && BrowserDetect.version <7) {
		//alert("IE6!");
		DD_belatedPNG.fix('img.image, #logos img, a.arrow span, a.virtual-camp, #logo, #logo img, #logo2, #logo2 img, #menu .shadow, #buttons .button, #buttons .buttonAction, #buttons .buttonHover, #content ul li, #content ol ul li, #menu ul li.selected a.parent, #language-menu img.lang, a.close, #language-menu div.top, #language-menu div.content, #language-menu div.bottom, #language-menu li, #language-menu li.language, #language-menu li.language active, h1.page-title span.left, h1.page-title span.right, div#tch div.contentCorner, #newmenubuttonimg');
		$("#pagina").css("height", "1000px" );
	}
	jQuery.event.add(window, "load", resizeFrame);
	jQuery.event.add(window, "resize", resizeFrame);
	$("#menu").animate({marginLeft:'-180px'},'slow');
	if (BrowserDetect.browser == 'Explorer') {
		// centreren textblok in ie
		
		$('.aanbieding').each(function(index) {
			var thisid = $(this).attr('id');
		    //alert(index + ': ' + $(this).text());
		    var blokheight = $(thisid).height();
		    var textheight = $("#"+thisid+" div.textwrap a").height();
		    var newposy = ($("#"+thisid).height() - $("#"+thisid+" div.textwrap a").height() ) / 2;
			var newposx = ( ($("#"+thisid).width() - $("#"+thisid+" div.textwrap a").width() ) / 2 ) + 4;
		  //alert($(this).attr('id')+" : "+newposy);
		    $("#"+thisid+" div.textwrap a").css('position', 'absolute');
			$("#"+thisid+" div.textwrap a").css('left', newposx+'px');
			$("#"+thisid+" div.textwrap a").css('top', newposy+'px');
		  });
		
		$("#menu").css({marginLeft:'0px'});
	}
	if (BrowserDetect.browser == 'Safari' || BrowserDetect.browser == 'Chrome') {
		$("#menu").css({marginLeft:'0px'});
		$("#menu").animate({marginLeft:'-0px'},'slow');
		//alert("saferi");
		}
	// hier een functie die uitgevoerd wordt als de browser van maat veranderd
	function resizeFrame() {    
		var h = $(window).height();
		var h2 = $(document).height();
		var w = $(window).width();
		var newcenter = (h-30)/2;
		$("#newmenubutton").css('position', 'relative');
		$("#newmenubutton").css('top', newcenter+'px');
		//alert("x"+$("#bestereisorganisatie .bestereisorganisatietekst").css('top'));
		if ( w < 1100 ) {
			//veer verplaatsen
			//alert("!");
			$("#bestereisorganisatie").css('left','155px');
			$("#bestereisorganisatie").css('top','85px');
			$("#bestereisorganisatie .bestereisorganisatietekst").css('left','150px');
			$("#bestereisorganisatie .bestereisorganisatietekst").css('top','80px');
			$("#bestereisorganisatie .bestereisorganisatietekst").css('width','250px');
			$("#bestereisorganisatie .lang img").attr('width','50');
			$("#bestereisorganisatie .lang img").attr('height','50');
		} else {
			$("#bestereisorganisatie").css('left','-200px');
			$("#bestereisorganisatie").css('top','0px');
			$("#bestereisorganisatie .bestereisorganisatietekst").css('left','30px');
			$("#bestereisorganisatie .bestereisorganisatietekst").css('top','220px');
			$("#bestereisorganisatie .bestereisorganisatietekst").css('width','200px');
			$("#bestereisorganisatie .lang img").attr('width','50');
			$("#bestereisorganisatie .lang img").attr('height','50');
		}
		}
	// menu sliden
	$("#newmenubutton").click(function() {
			var menupos = $("#menu").offset();
			var paginapos = $("#pagina").offset();
			var menuposx = menupos.left + 1;
			var paginaposx = paginapos.left;
			//alert("menu positie:"+menuposx + "pagina positie:"+paginaposx);
				if (menuposx < paginaposx ) {
					// openen menu
					$("#newmenu").animate({marginLeft:'0px'},'fast');
					$("#menu").animate({marginLeft:'0px'},'fast');
					$("#newmenubuttonimg").attr('src', '/images/zoekenboeken/menu/menuslider_button_close.png');
				} else {
					// sluiten menu
					$("#newmenu").animate({marginLeft:'-180px'},'fast');
					if ($.browser.mozilla) {
						$("#menu").animate({marginLeft:'-180px'},'fast');
					}
					$("#newmenubuttonimg").attr('src', '/images/zoekenboeken/menu/menuslider_button.png');
				}
		});
	// functies voor in de pagina 
	$("#footer_language_nl").click(function () {
			$("#language_chooser").toggle('fast');
			return false;
		});
	$("#language_chooser .close").click(function () {
			$("#language_chooser").toggle('fast');
			return false;
		});
	$(".taalselectie").click(function () {
			//nwtaal = $(this).attr("rel");
			//alert("taalselectie"+nwtaal);
			$("#languageselect").toggle('slow');
			//$("#languageselect").toggle('fast');
			//return true;
			return false;
		});
	$("#logo").click(function() {
			//alert("logo");
			document.location.href = 'http://www.vacansoleil.nl/#/portal/';
			return false;
		});
	$(".pictogramicon").click(function () {
		//alert("picto:"+$(this).attr('rel'));
		var clickbutton = $(this).attr('rel');
		var opendivs = 0;
		// als er al divs open staan deze eerst sluiten
		$(".pictoinfo").each(function (i) {
		  if ($(this).css('display') == "block") {
			  opendivs++; // Er staat er een open, dan het vervolg pas na het sluiten
			  $(this).slideUp("fast", function () { // Eerst openstaande div sluiten
				  // daarna nieuwe div openen
			  if ( clickbutton != $(this).attr('id')) {
				$("#"+clickbutton).slideDown("slow");
			  }
		  });
		}
		});
		//alert("opendivs:"+opendivs+" clicked:"+clickbutton);
		if (opendivs == 0) {
			$("#"+$(this).attr('rel')).slideDown("slow");
			//alert("#"+$(this).attr('rel')+"  opendivs:"+opendivs+" clicked:"+clickbutton);
		}
	});
	
	$(".pictoinfo").hover(function () {
			$(".clsbtn").fadeIn(1000);
			//alert("hover");
		}, 
		function () {
			$(".clsbtn").fadeOut(500);
		}
	);
	$(".pictoinfo").click(function() { $(this).slideUp("fast"); });
	});