// JavaScript Document
// Written by Sebastian
// for askozia.com

$(document).ready(function() {
// begin Ready

	//...................................................
	// When the form changes
	$('#mapForm').change(function() {
	
		var selectedContinent = $('#mapForm option:selected').val();
		if (selectedContinent == 'ALL'){
			$('a.dot').slideDown(1000);
		}else{
			$('a.dot[continent = "'+selectedContinent+'"]').slideDown(1000);
			$('a.dot[continent != "'+selectedContinent+'"]').slideUp(1000);
		}
		
	});
	
	//...................................................
	// When a dot is clicked
	$('a.dot').click(function(){

		$('a.dot').removeClass('selected');
		$(this).addClass('selected');

		var htmlCode = "";
		
		var shop = '.shop_detail#' + $(this).attr('shop');
		//var htmlCode = $(shop).html();
		
		htmlCode = "";
		
		$(shop).each(function(index) {
			htmlCode += $(this).parent().html();
		});

		$('.detail_container').fadeOut(500, function(){
			$('.detail_container .shop_detail').html(htmlCode);
			$('.detail_container').fadeIn(500);
		});

	});

// end Ready
});