$(document).ready(function(){
	// voor facebook
	$("a#kalmthoutLink").click(function(){
		$("div#kalmthout").fadeIn();
		$("div#brecht").fadeOut();
		$("h3#offices a").removeClass("active");
		$("div#brecht").removeClass("DN");
		$(this).addClass("active");
		return false;
	});

	// einde facebook
	$("a#brechtLink").click(function(){
		$("div#brecht").fadeIn();
		$("div#kalmthout").fadeOut();
		$("h3#offices a").removeClass("active");
		$("div#brecht").removeClass("DN");
		$(this).addClass("active");
		return false;
	});

	// einde facebook
	
	if ($.browser.msie && $.browser.version == "7.0") {
		if (top!= self) 
			top.location.href = self.document.location;
	}
	// voor de kaart: txt bollen oranje na klik
	$("#update").click(function(){
		$("#mapApp").addClass("hidekaartGetalle");
	});
	 
	$("input#grondcheck").click(function(){
		$(".uitgebreidLink").click();
	});
	$(".uitgebreidSnelDownUp").click(function(){
		//$("#panelPlan").slideUp();
		//$("#panelContact").slideUp();
		$("#uitgebreidSnel").slideToggle();
		$(this).toggleClass("active"); return false;
	});
	$("a.ditVerkoopSubnafje").click(function(){
		//$("#panelPlan").slideUp();
		//$("#panelContact").slideUp();
		$("a.ditVerkoopSubnafje").removeClass("active");
		$(this).addClass("active");
		return false;
	});
	/**/
	$(".gallImagePark").mouseover(function(){
 		$(this).addClass("imageHoverke");
		//$(this).parent(".gallCell").children(".gallImagePark").addClass("imageHoverke");
	});
	$(".gallImagePark").mouseout(function(){
 		$(this).removeClass("imageHoverke");
	});
	/*
	$(".gallImage a").mouseover(function(){
		//alert ("koe");
 		//$(this).addClass("imageHoverke");
		//$(this).parent("a").parent(".gallImage").children(".gallImagePark").addClass("imageHoverke");
		$(this).parents(".gallImagePark").mouseover();
		//$(this).(".gallImagePark").mouseover();
	});
	$(".gallImage a").mouseout(function(){
		$(this).parents(".gallImagePark").mouseout();
 		//$(this).removeClass("imageHoverke");
		//$(this).parent(".gallCell").children(".gallImagePark").removeClass("imageHoverke");
	});
	*/
	$(".gallImageParkPIDK").mouseover(function(){
 		$(this).addClass("imageHoverke");
	});
	$(".gallImageParkPIDK").mouseout(function(){
 		$(this).removeClass("imageHoverke");
	});
	
	$("div.galTooltip").animate({opacity:0},{duration:"slow", queue:false});
	//$("div.galTooltipPIDK").animate({opacity:0},{duration:"slow", queue:false});
	//$('div.galTooltip').fadeTo("fast", 0);
	$(".gallImageWrapper").mouseover(function(){
 		$('div.galTooltip, div.galTooltipPIDK', this).removeClass("DN");
 		$('div.galTooltip, div.galTooltipPIDK', this).animate({opacity:1},{duration:"slow", queue:false});
		$(this).parent(".gallCell").children(".deeskanNi").removeClass("nenhoekvdFoto");
		$(this).parent(".gallCell").children(".deeskanNi").addClass("nenhoekvdFoto-h");
		//$('#gegevensWrapper').animate({ height: $('#beschrijving').css('height') }, "fast");
		//$(".opacify").fadeTo(1, 0.5);
	});
	$(".gallImageWrapper").mouseout(function(){
 		//$(this).parent().removeClass("imageHoverke");
 		//$('div.galTooltip', this).addClass("DN");
 		$('div.galTooltip, div.galTooltipPIDK', this).animate({opacity:0},{duration:"slow", queue:false});
		$(this).parent(".gallCell").children(".deeskanNi").addClass("nenhoekvdFoto");
		$(this).parent(".gallCell").children(".deeskanNi").removeClass("nenhoekvdFoto-h");
	});
	// switch vieuw
	// voor de icons
	var dezeIcon = $.getURLParam("view");
	if (dezeIcon=="map"){
	  	$("#mapID").removeClass("mapVieuw");
		$("#mapID").addClass("mapVieuw-a");
	}
	if (dezeIcon=="gallery"){
	  	$("#galID").removeClass("galVieuw");
		$("#galID").addClass("galVieuw-a");
	}
	if (dezeIcon=="list"){
	  	$("#listID").removeClass("listVieuw");
		$("#listID").addClass("listVieuw-a");
	}
	if (dezeIcon==""){
	  	$("#listID").removeClass("listVieuw");
		$("#listID").addClass("listVieuw-a");
	}
	$("#update").click();
	// switch kaart > lijst/gal 
	// aBGvieuw
	$("#galID,#listID,#mapID").mouseover(function(){
	  	$("#toggleView").addClass("aBGvieuw");
	});
	$("#galID,#listID,#mapID").mouseout(function(){
	  	$("#toggleView").removeClass("aBGvieuw");
	});
	$("#galID,#listID,#mapID").click(function(){
		  $("#x").click();
	});

	$("#mapID").click(function(){
	  	$("#mapID").addClass("mapVieuw-a");
	  	$("#mapID").removeClass("mapVieuw");
	  	$("#galID").addClass("galVieuw");
	  	$("#galID").removeClass("galVieuw-a");
	  	$("#listID").addClass("listVieuw");
	  	$("#listID").removeClass("listVieuw-a");
	  	//$(this).addClass("mapVieuw-a");
		$("#hideSorteer").addClass("NOTVIS");
	  	$("div.galerijzelf").fadeOut("fast", function() {
			$("#update").click();
			$("#kaartwrap").removeClass("zwierhetweg");
			$("#kaartwrap").fadeIn("fast");
		});
		return false;
	  /*}, function () {
      $(this).removeClass("swap");
	  $("div.galerijzelf").fadeIn("fast", function() {
	  		$("#kaartwrap").fadeOut("fast");
			$("#kaartwrap").addClass("DN");
		});*/
	});
	// switch gal > lijst
	$("#listID").click(function(){
		adjustLinks("list_view");
	  	$("#mapID").addClass("mapVieuw");
	  	$("#mapID").removeClass("mapVieuw-a");
	  	$("#galID").addClass("galVieuw");
	  	$("#galID").removeClass("galVieuw-a");
	  	$("#listID").addClass("listVieuw-a");
	  	$("#listID").removeClass("listVieuw");
	  	//$(this).addClass("listVieuw-a");
		$("#hideSorteer").removeClass("NOTVIS");
		var newCurVieuw = "";
		//alert (newCurVieuw);
	  	$("div.galerijzelf").fadeOut("fast", function() {
	  		$("div.galerijzelf").fadeIn("fast").addClass("list_view");
			//curVieuw = "";
			//alert (curVieuw);
			$("div.deeskanNi").addClass("nenhoekvdFoto");
			$("#kaartwrap").fadeOut("fast");
			$("#kaartwrap").addClass("zwierhetweg");
		});
		return false;
	  /*}, function () {
      $(this).removeClass("swap");
	  $("div.galerijzelf").fadeOut("fast", function() {
	  		$(this).fadeIn("fast").removeClass("list_view");
			$("div.deeskanNi").removeClass("nenhoekvdFoto");
		});*/
	}); 
	// switch lijst > gal 
	$("#galID").click(function(){
		adjustLinks("gallery");
	  	$("#mapID").addClass("mapVieuw");
	  	$("#mapID").removeClass("mapVieuw-a");
	  	$("#galID").addClass("galVieuw-a");
	  	$("#galID").removeClass("galVieuw");
	  	$("#listID").addClass("listVieuw");
	  	$("#listID").removeClass("listVieuw-a");
		$("#hideSorteer").removeClass("NOTVIS");
		var newCurVieuw = "gallery";
	  	$("div.galerijzelf").fadeOut("fast", function() {
			$("div.galerijzelf").fadeIn("fast").removeClass("list_view");
			$("div.deeskanNi").removeClass("nenhoekvdFoto");
			$("#kaartwrap").fadeOut("fast");
			$("#kaartwrap").addClass("zwierhetweg");
		});
		return false;
	  /*}, function () {
      $(this).removeClass("swap2");
	  $("div.galerijzelf").fadeOut("fast", function() {
	  		$(this).fadeIn("fast").addClass("list_view");
			$("div.deeskanNi").addClass("nenhoekvdFoto");
		});*/
	}); 
	function adjustLinks(view) {
		$("div#hideSorteer a").each(function() {
			var url = $(this).attr("href");
			url = url.replace(/view\=[a-z|\_]*/,"view="+view);
			$(this).attr("href", url);
		});
	}
	$("div#hideSorteer a").click(function() {
		document.location.href = $(this).attr("href");
	});
	// switch A > Z 
	$("a.switch_thumbAZ").toggle(function(){
	  	$(this).addClass("swap"); 
	  	//$("div.galerijzelf").fadeOut("fast", function() {
	  		//$(this).fadeIn("fast").removeClass("list_view"); 
		//});
	  }, function () {
      $(this).removeClass("swap");
	  //$("div.galerijzelf").fadeOut("fast", function() {
	  		//$(this).fadeIn("fast").addClass("list_view");
		//});
	});
	// switch A > Z 
	$("a.switch_thumbAZ").click(function(){								  
		//$newCurVieuw = $_POST['newCurVieuw'];
	});
	$("a.switch_thumbAZ").toggle(function(){
	  	$(this).addClass("swap"); 
	  	//$("div.galerijzelf").fadeOut("fast", function() {
	  		//$(this).fadeIn("fast").removeClass("list_view"); 
		//});
	  }, function () {
      $(this).removeClass("swap");
	  //$("div.galerijzelf").fadeOut("fast", function() {
	  		//$(this).fadeIn("fast").addClass("list_view");
		//});
	});
	// switch hoog > laag 
	$("a.switch_thumbPRIJS666").toggle(function(){
	  	$(this).addClass("swap"); 
	  	//$("div.galerijzelf").fadeOut("fast", function() {
	  		//$(this).fadeIn("fast").removeClass("list_view"); 
		//});
	  }, function () {
      $(this).removeClass("swap");
	  //$("div.galerijzelf").fadeOut("fast", function() {
	  		//$(this).fadeIn("fast").addClass("list_view");
		//});
	});
	// switch laag > hoog 
	$("a.switch_thumbPRIJS2666").toggle(function(){
	  	$(this).addClass("swap2"); 
	  	//$("div.galerijzelf").fadeOut("fast", function() {
	  		//$(this).fadeIn("fast").removeClass("list_view"); 
		//});
	  }, function () {
      $(this).removeClass("swap2");
	  //$("div.galerijzelf").fadeOut("fast", function() {
	  		//$(this).fadeIn("fast").addClass("list_view");
		//});
	});
	// switch Z > A 
	var gal = $.getURLParam("view");
	$("div.galerijzelf").addClass(gal == "gallery" ? "": "list_view");
	$("a.switch_thumbAZ2").toggle(function(){
	  	$(this).addClass("swap2");
	  	//$("div.galerijzelf").fadeOut("fast", function() {
	  		//$(this).fadeIn("fast").removeClass("list_view"); 
		//});
	  }, function () {
      $(this).removeClass("swap2");
	  //$("div.galerijzelf").fadeOut("fast", function() {
	  		//$(this).fadeIn("fast").addClass("list_view");
		//});
	});
	if (gal != "gallery"){
		$("div.deeskanNi").addClass("nenhoekvdFoto");
	}
	// end switch vieuw
	/*
	$newCurVieuw = $_POST['newCurVieuw'];
	if (newCurVieuw != "gallery"){
		$("div.galerijzelf").removeClass("list_view");
	}
	alert (newCurVieuw);
	*/
});
$(function(){
	//fix color 
	fixToolTipColor();
});
//purely for theme-switching demo... ignore this unless you're using a theme switcher
//quick function for tooltip color match
function fixToolTipColor(){
	//grab the bg color from the tooltip content - set top border of pointer to same
	$('.ui-tooltip-pointer-down-inner').each(function(){
		var bWidth = $('.ui-tooltip-pointer-down-inner').css('borderTopWidth');
		var bColor = $(this).parents('.ui-slider-tooltip').css('backgroundColor')
		$(this).css('border-top', bWidth+' solid '+bColor);
	});	
}
// colorbox
$(document).ready(function(){
	//Examples of how to assign the ColorBox event to elements
	$("a[rel='example1']").colorbox();
	$("a[rel='example2']").colorbox({transition:"fade"});
	$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
	$("a[rel='example4']").colorbox({slideshow:true});
	$(".single").colorbox({}, function(){
		alert('Howdy, this is an example callback.');
	});
	$(".colorbox").colorbox();
	$(".youtube").colorbox({iframe:true, width:650, height:550});
	$(".nieuwsbrief").colorbox({width:750, height:450, iframe:true});
	$(".disclaimerke").colorbox({width:750, height:450, iframe:true});
	
	//$(".zoekGemeente").colorbox({width:900, height:500, iframe:true});
	$(".iframeVB").colorbox({width:760, height:670, iframe:true});
	$(".iframeMI").colorbox({width:960, height:570, iframe:true});
	$(".iframeKaart").colorbox({width:660, height:470, iframe:true});
	$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});
	
	//Example of preserving a JavaScript event for inline calls.
	//$("#click").click(function(){ 
		//$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
		//return false;
	//});
});
// end styles colorbox