window.addEvent('domready', function(){
	
	isIntoItem = false;
	var timer;
	
	$$('.fleche').each(function(e, index){
		e.addEvent('mouseenter', function(){
			addPopup(e, index);			
		});
		
		e.addEvent('mouseleave', function(){
			isIntoItem = false;
			timer = setTimeout("removePopup()", 500);			
		});
		
	});
	
	$$('.popup').addEvent('mouseenter', function(){
		clearTimeout(timer);
		isIntoItem = true;
	});
	$$('.popup').addEvent('mouseleave', function(){
		isIntoItem = false;
		timer = setTimeout("removePopup()", 500);	
	});
});

function addPopup(e, index){
	
	isIntoItem = true;
			
	$$('.popup').setStyles({'display':'block'});
	
	var posItem = e.getPosition().y;
	var posTop = posItem - 400;
	
	$('popup').effects({duration:500}).start({'top':posTop});
	
	$('popup-content').effects({
		duration:200,
		onComplete:	function(){
			var tarif = $('tarif'+index).innerHTML;
			var ville = $('ville'+index).innerHTML;
			var ouverture = $('ouverture'+index).innerHTML;
			var photo = $('photo'+index).getProperty('rel');
			var title = $('title'+index).innerHTML;
			var link = $('link'+index).getProperty('href');
			$('popup-ville').setHTML('<strong>' + ville + '</strong>');
			$('popup-tarif').setHTML('<strong>' + tarif + '</strong>');	
			//$('popup-ouverture').setHTML(ouverture);
			$('popup-photo').setProperty('src', photo);
			$('popup-title').setHTML('<strong>' + title + '</strong>');
			$('popup-title').setProperty('href', link);
			$('popup-linksavoirplus').setProperty('href', link);
			
			$('popup-content').effects({duration:200}).start({'opacity':1});
		}
	}).start({'opacity':0});
		
}

function removePopup(){
	
	if(isIntoItem == false){
		$('popup').setStyles({'display':'none'});
	}
	
}