// Runs when the DOM has been loaded
$(document).ready(function() {
	// Check if map exists
	if($('#map')) {
		// Loop through each AREA in the imagemap
		$('#map area').each(function() {
	
			// Assigning an action to the mouseover event
			$(this).mouseover(function(e) {
				var country_id = $(this).attr('id').replace('area_', '');
				$('#'+country_id).show();
			});
			
			// Assigning an action to the mouseout event
			$(this).mouseout(function(e) {
				var country_id = $(this).attr('id').replace('area_', '');
				$('#'+country_id).hide();
			});		
		});
	}
});

//This function controls the show/hide for the dropdown menu
$(document).ready(function(){     
     $("ul.topnav li a.withsubnav").hover(function() { //When link is hovered...  
   		 $(this).addClass("current");
         //Following events are applied to the subnav itself (moving subnav up and down)  
         $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on hover  
   
         $(this).parent().hover(function() {  
         }, function(){ 
             $(this).find("a.withsubnav").removeClass("current"); //On hover over, remove class "subnavhover"  
             $(this).parent().find("ul.subnav").slideUp('fast'); //When the mouse hovers out of the subnav, move it back up  
         });  
   
         //Following events are applied to the trigger (Hover events for the trigger)  
         }).hover(function() {  
             $(this).addClass("subhover"); //On hover over, add class "subhover"  
             //$(this).parent().find("a.withsubnav").addClass("current"); //On hover over, add class "subnavhover" 
         }, function(){  //On Hover Out  
             $(this).removeClass("subhover"); //On hover out, remove class "subhover"    
     });  
   
 });