var Site = {

   initMapRendering:function(){
   
      $('#map-rendering dt')
         .bind('mouseover', function(e){
	
				// Find the <dd> that corresponds to this <dt>
				var dd = $(this).next('dd');
				
				// Clone our <dd>, if we don't, it will be removed from the DOM, we don't want that
				var cdd = dd.clone(true);
				
				// Get X/Y coordinates of our <dt> element
				var o = $(this).offset();
				
				// Remove existing overlays
				$('body>dd.map-rendering').remove();

				// Reposition our overlay.  Move accordingly so that the arrow displays above
				// the <dt> square.  Reset the textIndent otherwise the content won't show
				cdd.css({textIndent:0,top:parseInt(o.top) - 41, left:parseInt(o.left) - 16});

				// Add to DOM
				$('body').append(cdd);
				
				// Empty and re-append our <a> tag from the <dt>
				cdd.empty().append($(this).find('a:first').clone());
				cdd.show();
				
				// Hide after 3 seconds
				this.timer = setTimeout(function(){
					cdd.remove();
				},3000);
            
         })

   }
}

$(function(){
   Site.initMapRendering();
});