function repere(menu)
{
var positionMenu1 = $(menu).position();


						var topMenu1 = positionMenu1.top;
						var leftMenu1 = positionMenu1.left;
						
						var positionLogo = $('#logo').position();
						var topLogo = positionLogo.top;
						var leftLogo = positionLogo.left;
						
					
						
					var alphaTop = topLogo - topMenu1;
					var alphaLeft = leftLogo - leftMenu1;
					signeTop = signeLeft = "+";
					if(alphaTop < 0)
					{
					signeTop = "+";	
					}
					else if(alphaTop > 0)
					{
					signeTop = "-";	
					}
				
					if(alphaLeft < 0)
					{
					signeLeft  = "+";	
					}
					else if(alphaLeft > 0)
					{
					signeLeft  = "-";	
					}
					
					
					//$("#blockdroite").html("<span style='color:#fff;'>top:" + alphaTop + " /left" + alphaLeft + "</span>");
					$(menu).css({"top": + alphaTop + "px"});
					$(menu).css({"left": + alphaLeft + "px"});
					$(menu).css({"z-index":"1000"});
				
										
					var tabresult = [Math.abs(alphaTop), signeTop, Math.abs(alphaLeft), signeLeft];
						
					return tabresult;
					
				
				
				
}

function motion(menu)
{
	
	var vitesse1 = 1000;
	var vitesse2 = 1500;
	var vitesse3 = 2000;
	
	var tabMenu1 = repere(menu);
						$(menu).animate({
									opacity: 1 ,
									width:"182px",
									height:"182px"
									
									}, vitesse1, 'linear', function() {	
									
						 			$(menu).animate({
												
												left: tabMenu1[3] + '=' + tabMenu1[2]
						
												}, vitesse2, 'linear', function() {
												
												$(menu).animate({
															
												 		
															top: tabMenu1[1] + '=' + tabMenu1[0]
													
															},vitesse3);	
												   
							 		});
						});
	
}


function swap(div, temps)
{
var image = new Array();
var Href = '/blp/ajax/imageintro/format/json';		
		
		$.getJSON(Href, function(data) {
		image = data.array_file[0] ;
		}); 

$(div).fadeOut(temps,function(){ 
$(div).empty();
$(div).css({background:"url(/www/images/intro/fixe/"+image+")"});	
$(div).fadeIn(temps);
}); 
setTimeout('swap("' + div + '", ' + temps + ');',temps); 	
return true;
}

function swap2(div, temps)
{
	var test = div.attr("id");
	
var image = new Array();
var Href = '/blp/ajax/imageintro/format/json';		
		
		$.getJSON(Href, function(data) {
		image = data.array_file[0] ;
		}); 

div.fadeOut(temps,function(){ 
						  
div.empty();
div.css({background:"url(/www/images/intro/fixe/"+image+")"});	
div.fadeIn(temps);
}); 

setTimeout('swap2("' + div + '", ' + temps + ');',temps); 	

}

function swap3(div, image, temps)
{	

				$(div).fadeOut(1000,function(){ 
				$(div).empty();
				$(div).css({background:"url(/www/images/intro/fixe/"+image+")"});	
				$(div).fadeIn(1000);
				}); 
}
		function loop(){
		

			var Href = "/ajax/imageintro/format/json";		
			           //alert(Href);
			$.getJSON(Href, function(data) {
			div = data.array_div[0] ;
			image = data.array_file[0] ;
      //alert(image);	
			//alert("div " + div + "/image " + image);
				swap3(div,image,1000);
				
			});
		};


$(window).load(function(){
		

setInterval('loop()',1000); 
	

		
	
	
	

	
					
						motion('#menu1');
						motion('#menu2');
						motion('#menu3');
						motion('#menu4');
						
						
						
						 
						   
	$("#menu1").hover(function(){
	   $(this).animate({backgroundPosition:'0px -182px'});
	 },function(){
	  $(this).animate({backgroundPosition:'0px 0px'});
	 });
	
	$("#menu2").hover(function(){
	   $(this).animate({backgroundPosition:'0px -182px'});
	 },function(){
	  $(this).animate({backgroundPosition:'0px 0px'});
	 });
	
	$("#menu3").hover(function(){
	   $(this).animate({backgroundPosition:'0px -182px'});
	 },function(){
	  $(this).animate({backgroundPosition:'0px 0px'});
	 });
	
	$("#menu4").hover(function(){
	   $(this).animate({backgroundPosition:'0px -182px'});
	 },function(){
	  $(this).animate({backgroundPosition:'0px 0px'});
	 });
	
 
});