$(document).ready(function(){
	$("#projectSlide, #car_2, #car_3, #btnKaart, #actieTxtSlidedown").click(function () { 
		var mainSite = $("#map");
		mainSite.css("visibility", "visible");
		
		/* Haal Map data op */
		$.get("/includes/ajax_map.asp", function(data){
			$("#map_holder").html(data);
		});
		
		$("#site").fadeOut(1000);
		mainSite.animate({ 
			height: "1000px"
		 }, 1000, 
		 	function() { 
		 		$("#map_bar").fadeIn(100); 
				$("#footer_map").fadeIn(200); 
				$("#map_frame").fadeIn(800, function() {
					$('#map_el').maphilight({
						fade: false,
						fill: false,
						strokeColor: 'ff009a',
						strokeOpacity: 1,
						strokeWidth: 2,
						alwaysOn: false
					});
					if($("#initMap").val() == 0) {
						$('.mapSwitch').click(function() {
							if( $(this).attr("lang") == 0 ) {
								$(this).attr("lang",1);
								$(this).addClass("actief");
								loadSelectMap();
							} else {
								$(this).attr("lang",0);
								$(this).removeClass("actief");
								loadSelectMap();
							}
						});
						$("#initMap").val(1);
					}
				});
			});
	});
	
	function loadSelectMap() {
		var i=0;
		var total=6;
		var switchString = "";
		var switchArray = Array;
		$(".mapSwitch").each(function (e) {
			var activeSwitch = $(this).attr("lang");
			if(activeSwitch == 1) {
				switchString = switchString + $(this).attr("id") + '=1&';
				i++;
			}
		});
		switchString = "?" + switchString.substr(0, switchString.length-1);
		if(i == 0) {
			$.get("/includes/ajax_map.asp", function(data){
				$("#map_holder").html("");
				$("#map_holder").html(data);
				reloadMap(false);
			});
		} else {
			$.get("/includes/ajax_map.asp"+switchString, function(data){
				$("#map_holder").html("");
				$("#map_holder").html(data);
				reloadMap(true);
			});
		}
	}
	
	function reloadMap(mapAan) {
		$('#map_el').maphilight({
			fade: false,
			fill: false,
			strokeColor: 'ff009a',
			strokeOpacity: 1,
			strokeWidth: 2,
			alwaysOn: mapAan
		});	
	}
	
	$("#siteSlide").click(function () { 
		var mainSite = $("#map");
		$("#map_mousemenu").remove();
		$("#site").fadeIn(100);
		$("#map_bar").fadeOut(400); 
		$("#footer_map").fadeOut(400);
		$("#map_frame").fadeOut(400, function() {
			$("#map_holder").html("");
			$("#map").css("visibility", "hidden");
		});
		mainSite.animate({ 
			height: "0px"
		 }, 1000);
	});
	
	function initMap() {
		$("#map_frame").fadeOut(0);
		$("#map_bar").fadeOut(0);
		$("#footer_map").fadeOut(0); 
	}
	initMap();
});