$(document).ready(function(){
	//$('.wrapper_gegevens').hide();	
	
	$('.kaart_terug').hide();	
	$('.brabant').hide();	
	$('.limburg').hide();
	$('.zeeland').hide();
	$('.gelderland').hide();
	$('.utrecht').hide();
	$('.zuid-holland').hide();
	$('.drenthe').hide();	
	$('.flevoland').hide();
	$('.friesland').hide();
	$('.groningen').hide();
	$('.noord-holland').hide();
	$('.overijssel').hide();
	
					
		$("#brabant").click(function() {
			$('.holland').hide();
			$('.brabant').show();	
			$('.kaart_terug').show();
		});
		
		$("#limburg").click(function() {
			$('.holland').hide();
			$('.limburg').show();
			$('.kaart_terug').show();	
		});
		
		$("#zeeland").click(function() {
			$('.holland').hide();
			$('.zeeland').show();	
			$('.kaart_terug').show();
		});
		
		$("#gelderland").click(function() {
			$('.holland').hide();
			$('.gelderland').show();	
			$('.kaart_terug').show();
		});
		
		$("#utrecht").click(function() {
			$('.holland').hide();
			$('.utrecht').show();	
			$('.kaart_terug').show();
		});
		
		$("#zuid-holland").click(function() {
			$('.holland').hide();
			$('.zuid-holland').show();	
			$('.kaart_terug').show();
		});
		
		$("#drenthe").click(function() {
			$('.holland').hide();
			$('.drenthe').show();	
			$('.kaart_terug').show();
		});
		
		$("#flevoland").click(function() {
			$('.holland').hide();
			$('.flevoland').show();	
			$('.kaart_terug').show();
		});
		
		$("#friesland").click(function() {
			$('.holland').hide();
			$('.friesland').show();
			$('.kaart_terug').show();	
		});
		
		$("#groningen").click(function() {
			$('.holland').hide();
			$('.groningen').show();	
			$('.kaart_terug').show();
		});
		
		$("#noord-holland").click(function() {
			$('.holland').hide();
			$('.noord-holland').show();	
			$('.kaart_terug').show();
		});
		
		$("#overijssel").click(function() {
			$('.holland').hide();
			$('.overijssel').show();
			$('.kaart_terug').show();	
		});
		
		$('.holland').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.holland').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.holland').outerHeight())/2
		});
		
		$('.brabant').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.brabant').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.brabant').outerHeight())/2
		});
		
		$('.limburg').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.limburg').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.limburg').outerHeight())/2
		});
		
		$('.zeeland').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.zeeland').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.zeeland').outerHeight())/2
		});
		
		$('.gelderland').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.gelderland').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.gelderland').outerHeight())/2
		});
		
		$('.utrecht').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.utrecht').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.utrecht').outerHeight())/2
		});
		
		
		$('.zuid-holland').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.zuid-holland').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.zuid-holland').outerHeight())/2
		});
		
		$('.drenthe').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.drenthe').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.drenthe').outerHeight())/2
		});
		
		$('.flevoland').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.flevoland').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.flevoland').outerHeight())/2
		});
		
		$('.friesland').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.friesland').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.friesland').outerHeight())/2
		});
		
		$('.groningen').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.groningen').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.groningen').outerHeight())/2
		});
		
		$('.noord-holland').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.noord-holland').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.noord-holland').outerHeight())/2
		});
		
		$('.overijssel').css({
			position:'relative',
			left: ($(".provincies_container").width() - $('.overijssel').outerWidth())/2,
			top: ($(".provincies_container").height() - $('.overijssel').outerHeight())/2
		});

		$("#map-container AREA").mouseover(function(){
				var regionMap = '.'+$(this).attr('id')+'-map';
				var regionList = '.'+$(this).attr('id')+'-list';
				$(regionMap).css('display', 'inline');

				// Check if a click event has occured and only change the Region hover state accodringly
				if (! $('#practice-container ul').hasClass('selected')) {
					$(regionList).css('display', 'inline');
				}
			}).mouseout(function(){
				var regionMap = '.'+$(this).attr('id')+'-map';
				var regionList = '.'+$(this).attr('id')+'-list';

				// Check if a click event has occured and only change the Region hover state accodringly
				if (! $(regionMap).hasClass('selected')) {
					$(regionMap).css('display', 'none');
				}

				// Check if a click event has occured and only change the Region hover state accodringly
				if (! $('#practice-container ul').hasClass('selected')) {
					$(regionList).css('display', 'none');
				}
			});

			$("#map-container AREA").click(function(){
				$('#map-container img.region').removeClass('selected').css('display', 'none');
				$('#practice-container ul').removeClass('selected').css('display', 'none');
				
				var regionMap = '.'+$(this).attr('id')+'-map';
				var regionList = '.'+$(this).attr('id')+'-list';
				$(regionMap).addClass('selected').css('display', 'inline');
				$(regionList).addClass('selected').css('display', 'inline');
			});

		
		
	});