$(document).ready(function(){

	$('#mapForm').change(function(){
	
		//alert( $('#mapForm option:selected').val());
		var selectedContinent = $('#mapForm option:selected').val();
		
		if( selectedContinent == 'ALL' ) {
			$('a.dot').show(1000);
		} else {
			$('a.dot[continent*="'+selectedContinent+'"]').show(1000);
			$('a.dot[continent!="'+selectedContinent+'"]').hide(1000);
		}
	
	});
	
	$('#mapForm2').change(function(){
	
		//alert( $('#mapForm option:selected').val());
		var selectedCity = $('#mapForm2 option:selected').val();
		
		if( selectedCity == 'ALL' ) {
			$('a.dot').show(1000);
		} else {
			$('a.dot[city*="'+selectedCity+'"]').show(1000);
			$('a.dot[city!="'+selectedCity+'"]').hide(1000);
		}
	
	});

	$('a.dot').click(function(){
	
		//alert( $(this).attr('city') );
		
		$('a.dot').removeClass('selected');
		$(this).addClass('selected');
		
		
		var city = '.city_detail#'+$(this).attr('city');
		var htmlCode = $(city).html();
		
		$('.detail_container').fadeOut(500, function(){
			$('.detail_container .city_detail').html(htmlCode);
			$('.detail_container').fadeIn(500);
		});
		
	});



});