window.addEvent('domready', function() {
	var size = window.getSize();
	$$('area').addEvents({
		mouseenter: function(event){
			$$('.infoBox .middle p').set('html', this.get('rel'));
			
			moveInfoBox(this);
			
		},
		mouseleave: function(){
			$$('.infoBox').removeClass('left');
			$$('.infoBox').removeClass('right');
			$$('.infoBox').setStyles({'visibility': 'hidden'});
		}
	});
	
	function moveInfoBox(thisOne){
		thisOne.addEvent('mousemove', function(event){
			if(this.hasClass('right')){
				$$('.infoBox').addClass('right');
				$$('.infoBox').setStyles({'left': (event.page.x-416)+'px', 'bottom':  ((window.getSize().y - event.page.y)+10)+'px', 'visibility': 'visible'});
			}
			else{
				$$('.infoBox').addClass('left');
				$$('.infoBox').setStyles({'left': (event.page.x-67)+'px', 'bottom':  ((window.getSize().y - event.page.y)+10)+'px', 'visibility': 'visible'});
			}
		});
	}

});