$(function(){
	////////////////////// START VESTIGINGEN //////////////////////
	// Map holder
	var mapholder = $("#mapholder img");
	
	// All urls
	var url_gent = "../Graphics/Euromat_gent.jpg";
	var url_air = "../Graphics/Euromat_air.jpg";
	var url_brussel = "../Graphics/Euromat_brussel.jpg";
	var url_sud = "../Graphics/Euromat_sud.jpg";
	
	$("#link_air").addClass('important');
	$('#vestiging_detail_air').show();
	
	// Gent
    $("#link_gent").hover(
      function () {
	 	$('#vestigingen *').removeClass('important');
		$('.vestigingen_detail').hide();
		$('#vestiging_detail_gent').show();
		var active_map = url_gent;
		$(this).addClass('important');
		$(mapholder).attr({
			src: active_map
		});
      }, 
      function () {
	  $('#vestigingen *').removeClass('important');
	  	$(this).addClass('important');
      });
	  
	// Air
    $("#link_air").hover(
      function () {
	 	$('#vestigingen *').removeClass('important');
		$('.vestigingen_detail').hide();
		$('#vestiging_detail_air').show();
		var active_map = url_air;
		$(this).addClass('important');
		$(mapholder).attr({
			src: active_map
		});
      }, 
      function () {
	 	$('#vestigingen *').removeClass('important');
	  	$(this).addClass('important');	
      });
	  
	// Brussel
    $("#link_brussel").hover(
      function () {
	 	$('#vestigingen *').removeClass('important');
		$('.vestigingen_detail').hide();
		$('#vestiging_detail_brussel').show();
		var active_map = url_brussel;
		$(this).addClass('important');
		$(mapholder).attr({
			src: active_map
		});
      }, 
      function () {
	 	$('#vestigingen *').removeClass('important');
	  	$(this).addClass('important');
	
      });
	  
	// Sud
    $("#link_sud").hover(
      function () {
	 	$('#vestigingen *').removeClass('important');
		$('.vestigingen_detail').hide();
		$('#vestiging_detail_sud').show();
		var active_map = url_sud;
		$(this).addClass('important');
		$(mapholder).attr({
			src: active_map
		});
      }, 
      function () {
	 	$('#vestigingen *').removeClass('important');
	  	$(this).addClass('important');			
      });
	////////////////////// END VESTIGINGEN //////////////////////

	////////////////////// START INTRO //////////////////////
	
	// Standaard 
	$("#tekst1").show();
	$("#tekst2").hide();
	$("#tekst3").hide();		
	$("p#aannemer").addClass("aannemer_active");
	$("#intro").css("background-image","url(Graphics/Intro_aannemer_bg.gif)");		

	// Aannemer
    $("p#aannemer").hover(
      function () {
			$("#tekst1").show();
			$("#tekst2").hide();
			$("#tekst3").hide();
			$("#intro").css("background-image","url(Graphics/Intro_aannemer_bg.gif)");
			$("p#industrieel").removeClass("industrieel_active");
			$("p#oppervlaktebehandelaar").removeClass("oppervlaktebehandelaar_active");
			$("p#aannemer").addClass("aannemer_active");
      },
      function () {}
    );
	// Industrie
    $("p#industrieel").hover(
      function () {
			$("#tekst1").hide();
			$("#tekst2").show();
			$("#tekst3").hide();
			$("#intro").css("background-image","url(Graphics/Intro_industrieel_bg.gif)");				
			$("p#aannemer").removeClass("aannemer_active");
			$("p#oppervlaktebehandelaar").removeClass("oppervlaktebehandelaar_active");
			$("p#industrieel").addClass("industrieel_active");				
      },
      function () {}
    );
	// Oppervlaktebehandeling
    $("p#oppervlaktebehandelaar").hover(
      function () {
			$("#tekst1").hide();
			$("#tekst2").hide();
			$("#tekst3").show();
			$("#intro").css("background-image","url(Graphics/Intro_oppervlbehand_bg.gif)");
			$("p#aannemer").removeClass("aannemer_active");
			$("p#industrieel").removeClass("industrieel_active");
			$("p#oppervlaktebehandelaar").addClass("oppervlaktebehandelaar_active");				
      },
      function () {}
    );  
	////////////////////// END INTRO //////////////////////
});