jQuery(function($){
//put here all your jquery code ;)

$(document).ready(function() {

$('div.detail_container').hide();



	//...................................................
	// When point on map clicked

	$('div.startPunt').bind("click touch", function(){
		$('div.startPunt').removeClass('selected');
	    $('.listCountries').removeClass('selected');
		//$(this).addClass('selected');
	//	alert( $(this).attr('country'));
	
	var listID =  $(this).attr('country') + 'ListID';

    $('#' + listID).addClass ('selected');

		var city = '.city_detail#' + $(this).attr('country');
		var htmlCode = $(city).html();

		$('.detail_container').slideUp(500, function(){
			$('.detail_container .city_detail').html(htmlCode);
			$('.detail_container').slideDown(750);
		});

	});
	


	$('a.listCountries').click(function(){
		
		$('a.listCountries').removeClass('selected');
		$(this).addClass('selected');
       // var selectedCity = $(this).attr('country');
			
		var city = '.city_detail#' + $(this).attr('country');
		var htmlCode = $(city).html();
		

			$('.detail_container').slideUp(500, function(){
				$('.detail_container .city_detail').html(htmlCode);
				$('.detail_container').slideDown(750);
			});

	});


		
// ---------------------------------punten-------------------------------//
/*
 $('.belgieList').hover(
  function () {
    $('a#belgie').removeClass('start');
    $('a#belgie').addClass('hoverState');
  }, 
  function () {
    $('a#belgie').removeClass('hoverState');
	 $('a#belgie').addClass('start');
  }
);

 $('.bulgarijeList').hover(
  function () {
    $('a#bulgarije').removeClass('start');
    $('a#bulgarije').addClass('hoverState');
  }, 
  function () {
    $('a#bulgarije').addClass('start');
    $('a#bulgarije').removeClass('hoverState');
  }
);

 $('.clickme2').hover(
  function () {
    $('div#aruba').removeClass('start');
    $('div#aruba').addClass('hoverState');
  }, 
  function () {
    $('div#aruba').addClass('start');
    $('#aruba').removeClass('hoverState');
  }
);

//----------------------clicked-------------------------------// 

$('.belgieList').click(function(){ 
$('a').removeClass('clicked'); 
$('a#belgie').addClass('clicked'); 
}); 

$('.bulgarijeList').click(function(){ 
$('a').removeClass('clicked'); 
$('a#bulgarije').addClass('clicked'); 
});

$('.clickme2').click(function(){ 
$('div').removeClass('clicked'); 
$('#aruba').addClass('clicked'); 
});
 */

 
 
 

});

});