jQuery.noConflict();

jQuery(document).ready(function($){
	$("a.eurobox").click(function(){
		
		 $(this).parent().animate({
			opacity: 0.15/*,
			left: '+=550'*/
			
		  }, 250, function() {
			
		  //$("#map-content").prepend('<a href="#" class="show-tab">&laquo; World Map</a>');
		  $("#map-content").prepend('<div id="euro-map"><img src="/images/site/map-europe.png" usemap="#EuropeMap" /><a href="#" class="back">&laquo; back to World Map</a></div>');
		  
		  $("a.back").click(function(){
			  
			  $("#world-map").animate({
				    opacity: 1.00/*,
					left: '0'*/
					
			   }, 250, function() {
				   
			   });
			   
			   $(this).fadeOut(250);
			   $("div#euro-map").fadeOut(250);
			  
		  });
			
		});
	
	return false;
	
	})
});





jQuery(document).ready(function($){
	$("a.asiabox").click(function(){
		
		 $(this).parent().animate({
			opacity: 0.15/*,
			left: '+=550'*/
			
		  }, 250, function() {
			
		  //$("#map-content").prepend('<a href="#" class="show-tab">&laquo; World Map</a>');
		  $("#map-content").prepend('<div id="asia-map">Asia Map<a href="#" class="back">&laquo; World Map</a></div>');
		  
		  $("a.back").click(function(){
			  
			  $("#world-map").animate({
				    opacity: 1.00/*,
					left: '0'*/
					
			   }, 250, function() {
				   
			   });
			   
			   $(this).fadeOut(250);
			   $("div#asia-map").fadeOut(250);
			  
		  });
			
		});
	
	return false;
	
	})
});