function clearAreas(el) {el.value=''}
	$(document).ready(
		function(){
			$('#fadelatest').innerfade({
				//animationtype: 'slide',
				speed: 750,
				timeout: 7000,
				type: 'random',
				containerheight: '1em'
			});
		}
	);
	jQuery(document).ready(function($) {    
		// Map tooltips
		$('area').mouseover(function(e) {
		
			//Grab the alt attribute's value and assign it to a variable
			var tip = $(this).attr('alt');	
		
			//Remove the alt attribute's to avoid the native tooltip from the browser
			$(this).attr('alt','');
		
			//Append the tooltip template and its value
			$(this).parent().append('<div id="tooltip"><div class="tipHeader topCorners"></div><div class="tipBody">' + tip + '</div><div class="tipFooter bottomCorners"></div></div>');		
		
			//Set the X and Y axis of the tooltip
			$('#tooltip').css('top', e.pageY + 10 );
			$('#tooltip').css('left', e.pageX + 20 );
		
			//Show the tooltip with fadeIn effect
			$('#tooltip').fadeIn('500');
			$('#tooltip').fadeTo('10',0.9);
		
		}).mousemove(function(e) {
	
			//Keep changing the X and Y axis for the tooltip, thus, the tooltip move along with the mouse
			$('#tooltip').css('top', e.pageY + 10 );
			$('#tooltip').css('left', e.pageX + 20 );
		
		}).mouseout(function() {
	
			//Put back the alt attribute's value
			$(this).attr('alt',$('.tipBody').html());
	
			//Remove the appended tooltip template
			$(this).parent().children('div#tooltip').remove();
		});
    		
	});