var panoramamove = false;
var panoramaurl = "";
var panoramawidth = 0;
var panodiv ="";

(function($) {
  $.fn.panorama = function(angle,gauche,droite) {
    if(gauche == undefined) {
      gauche="gauche";
    }
    if(droite == undefined) {
      droite="droite";
    }
    panodiv=$(this).parent().attr("id");
    $("#"+panodiv).css("overflow","hidden");
    $("#"+panodiv).scrollLeft(angle);
    //on encadre l'image par un div
    //    $(this).wrap('<div id="fond_'+panodiv+'" style="background:url(\''+$(this).attr("src")+'\'); width:'+(parseInt($(this).width())+parseInt($(this).parent().width()))+'px; height:'+$(this).attr("height")+'px;">');
    //quand on passe sur le bouon gauche
    $("#"+gauche).hover(
			function() {
			  //on bouge l'image de 5 vers la gauche
			  panoramamove = true;
			  move(-10);
			},
			function() {panoramamove = false;}
			);
    
    //quand on passe sur le bouton droit
    $("#"+droite).hover(
			function() {
			  //on bouge l'image de 5 vers la droite
			  panoramamove = true;
			  move(10);
			},
			function() {panoramamove = false;}
			);
		
		
    $("#"+panodiv+" area").mouseover(
				 function() {
				   $("#textepano").html($(this).attr("alt"));
				 }
				 );
	$("#"+panodiv+" area").mouseout(
				function() {
				   $("#textepano").html("");
				 }
				 );
      
  };
 })(jQuery);


function move(movement) {
  if (panoramamove) {
    var bouger = $("#"+panodiv).scrollLeft()+movement;
    //    var panoramawidth = $("#"+panodiv+" #fond_"+panodiv).width() - $("#"+panodiv).width();
    var panoramawidth = $("#"+panodiv+" img").width() - $("#"+panodiv).width();
    if(bouger < 0) {
      $("#"+panodiv).scrollLeft(panoramawidth);
    }
    else if(bouger > panoramawidth) {
      $("#"+panodiv).scrollLeft(-panoramawidth);
    }
    else{
      $("#"+panodiv).scrollLeft(bouger);
    }
    window.setTimeout("move("+movement+")", 1);
  }
}






(function($) {
  $.fn.panorama2 = function(angle,gauche,droite) {
    if(gauche == undefined) {
      gauche="gauche";
    }
    if(droite == undefined) {
      droite="droite";
    }
    panodiv=$(this).parent().attr("id");
    $("#"+panodiv).css("overflow","hidden");
    $("#"+panodiv).scrollLeft(angle);
    //on encadre l'image par un div
    //    $(this).wrap('<div id="fond_'+panodiv+'" style="background:url(\''+$(this).attr("src")+'\'); width:'+(parseInt($(this).width())+parseInt($(this).parent().width()))+'px; height:'+$(this).attr("height")+'px;">');
    //quand on passe sur le bouon gauche
    $("#"+gauche).hover(
			function() {
			  //on bouge l'image de 5 vers la gauche
			  panoramamove = true;
			  move2(-10);
			},
			function() {panoramamove = false;}
			);
    
    //quand on passe sur le bouton droit
    $("#"+droite).hover(
			function() {
			  //on bouge l'image de 5 vers la droite
			  panoramamove = true;
			  move2(10);
			},
			function() {panoramamove = false;}
			);
		
		
    $("#"+panodiv+" area").mouseover(
				 function() {
				   $("#textepano").html($(this).attr("alt"));
				 }
				 );
	$("#"+panodiv+" area").mouseout(
				function() {
				   $("#textepano").html("");
				 }
				 );
      
  };
 })(jQuery);


function move2(movement) {
  if (panoramamove) {
    var bouger = $("#"+panodiv).scrollLeft()+movement;
    //    var panoramawidth = $("#"+panodiv+" #fond_"+panodiv).width() - $("#"+panodiv).width();
    var panoramawidth = $("#"+panodiv+" img").width() - $("#"+panodiv).width();

    if ( !(bouger < 0) && !(bouger > panoramawidth)) {
      $("#"+panodiv).scrollLeft(bouger);
    }
    window.setTimeout("move2("+movement+")", 1);
  }
}