tab_pano = new Array('Accueil_expo_01_h2012.jpg',
					'Accueil_expo_02_h2012.jpg',
					'Accueil_expo_03_h2012.jpg',
					'Accueil_expo_04_h2012.jpg',
					'Accueil_expo_05_h2012.jpg',
					'Accueil_maison.jpg',
					'Accueil_Mois.jpg'
					);
visuel = 1;
a = setInterval(panorama, 1500);
showImage = false;
$(document).ready(function()
{
  // pour ie

  $('sousmenu-link').mouseover(function(){
    stopPanorama()
  })
 
  if($.browser.msie)
  {
    $("#accueil-box li.sousmenu-link").each(function() {
      $(this).hover(function(){
        $(this).find(".sousmenu").addClass('over');
      },function(){
        $(this).find(".sousmenu").removeClass('over');
      });
    });
  }

  changeVisuel(0);
  
  $("#maison a").mouseover(function(){
    changeVisuel(5);
    $("#panoramma").css('display', 'block');
    

    clearInterval(a);
  });

  $("#mois a").mouseover(function(){
    changeVisuel(6);
    $("#panoramma").css('display', 'block');
    
    clearInterval(a);
  });
		
  $("#actus a.sousmenu-link").mouseover(function(){
    changeVisuel(1);
    clearInterval(a);
    clearInterval();
    $("#panoramma").css('display', 'block');
    
    
  });
		
  $("#actus .sousmenu").mouseover(function(){
    changeVisuel(0);
    $("#panoramma").css('display', 'block');
    
    clearInterval(a);
  });
		
  $("#expos a.sousmenu-link").mouseover(function(){
    $("#panoramma").css('display', 'none');
    clearInterval(a);
  });
		
  $("#expos .sousmenu").mouseover(function(){
    $("#panoramma").css('display', 'none');
    clearInterval(a);
  });
		
  $("#livres a.sousmenu-link").mouseover(function(){
    $("#panoramma").css('display', 'none');
    clearInterval(a);
  });
		
  $("#livres .sousmenu").mouseover(function(){
    $("#panoramma").css('display', 'none');
    clearInterval(a);
  });
		
  $("#pratique a.sousmenu-link").mouseover(function(){
    $("#panoramma").css('display', 'none');
    clearInterval(a);
  });

  $("#pratique .sousmenu").mouseover(function(){
    $("#panoramma").css('display', 'none');
    clearInterval(a);
  });
		
  $("#abonnes a.sousmenu-link").mouseover(function(){
    $("#panoramma").css('display', 'none');
    clearInterval(a);
  });

  $("#abonnes .sousmenu").mouseover(function(){
    $("#panoramma").css('display', 'none');
    clearInterval(a);
  });
		
  $("#mois a").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#maison a").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#actus a.sousmenu-link").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#actus .sousmenu").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#expos a.sousmenu-link").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#expos .sousmenu").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#livres a.sousmenu-link").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#livres .sousmenu").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#pratique a.sousmenu-link").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#pratique .sousmenu").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#abonnes a.sousmenu-link").mouseout(function(){
    onTheRoadAgain();
  });
		
  $("#abonnes .sousmenu").mouseout(function(){
    onTheRoadAgain();
  });
		
		//$("#accueil-box").css('margin-top', ($(document).height()-575) /2 + 'px');

  var marginTop = (jQuery(window).height()-575) /2;
  if(marginTop < 0) marginTop=0;
  $("#accueil-box").css('margin-top', marginTop + 'px');

});

function onTheRoadAgain()
{
  //$("#panoramma").html('');
  $("#panoramma").css('display', 'none');
  showImage = false;
  clearInterval(a);
  clearInterval();
  a = setInterval(panorama, 1300);
}

function changeVisuel(tabIndex){
  $("#panoramma").html('<img src="/panorama/'+ tab_pano[tabIndex] +'" alt="" />');
}

function panorama(){
	
  if(showImage)//on doit afficher l'image
  {    
    //2 lignes pas utile puisque l'image du panoramma a des marges automatiques ( donc elle est centrée)
	//marginImg = (995 - $("#panoramma img").width()) / 2;
    //$("#panoramma img").css('margin-left', marginImg + 'px');
	
	$("#panoramma").css('display', 'block');
    showImage = false;
	visuel++;//on change la prochaine image à afficher
  }
  else {// on prépare la prochaine visu
    $("#panoramma").css('display', 'none');
    changeVisuel(visuel);
    showImage = true;
  }
  
  if(visuel == 5){visuel = 0;}//on n'affiche que les 6 premieres
}

function stopPanorama()
{
  clearInterval(a);
  $("#panoramma").css('display', 'none');
}