$(document).ready( function() {

		var $hovermaps = $( 'img.hovermap' );
		$hovermaps.wrap( '<div class="hovermap" style="position:relative"></div>' );
		
		$hovermaps.each( function() {
				var $hovermap = $(this);
				$hovermap.attr( 'default_src', $hovermap.attr( 'src' ) );
				var $hoverdiv = $hovermap.parent('div.hovermap');
				var map_name = $(this).attr( 'usemap' );
				map_name = map_name.substr( 1 );
				var $map = $( 'map[name="' + map_name + '"]' );
				
				$map.find( 'area' ).each( function() {
						
						$(this).mouseover( function() {
								$hoverdiv.append( '<img src="' + $(this).attr('img') + '" usemap="#' + map_name + '" class="hovermap-image" style="display:none; position:absolute; left:0; top:0;" />' );
								$hoverdiv.find('.hovermap-image').fadeIn( 'normal' );
							}
							
						);
						
						$(this).mouseout( function() {
								$hoverdiv.find('.hovermap-image').fadeOut( 'normal', function() {
										$(this).remove();
									}
								);
							}
							
						);
					}
				);
				
			}
		);
	}
);