var headline_count;
var headline_interval;
var old_headline = 0;
var current_headline = 0;

	  //position de départ de l'image (% souhaité sur la taille du doc)
	  //var glisse = parseInt(7525*6/100);
	  //temps de démarrage du défilement auto in milliseconds
  var headline_interval = setTimeout("headline_rotate()",800);
  
$(document).ready(function(){ 
  $(".titresom span").hide(); 
	  //temps du fondu sur l'image au départ in milliseconds
  $("#image img").animate({opacity: 'show'}, 1000);
	  //taille de l'image
  headline_count = $("div.headline").size();
	  //positionne le point de départ du défilement automatique
	  //$("div.headline:eq("+current_headline+")").css('left',glisse); 
  $("div.headline:eq("+current_headline+")").css('left',0); 
  
});
 
function headline_rotate() {
		//positionne le point de départ du défilement manuel
  current_headline = (old_headline + 1) % headline_count;
	    //positionne l'arrêt du défilement, ici 10% de l'image
  $("div.headline:eq(" + old_headline + ")").animate({left: -parseInt(7525*10/100)},10000, 
  function()
	{
  $('#vr').addClass('reduivr'); 
  $("#slider").show(1000);
  $(".titresom span").show(1000); 
  $('#doubleimg').append("<img src='local/cache-vignettes/L7525xH300/porto_1-2-08583.jpg' height='300px' width='7525px'  alt='imgsup'/>");
 	}
 );}
 

$(document).ready(
	function()
	{   
		$('#indicator').Draggable(
			{
				onDragModifier : function(x,y)
				{
					var centerx = 75; //taille réelle de !! l'image du cercle par 2 - 5px, position moitié image 1/2 de l'image
					var centery = 75; 
					var angle = Math.atan((centery-y)/(centerx-x));
					var angle2 = angle;
					if((centerx-x)>=0)
						angle += Math.PI;
					if(centerx>=x)
						angle2 += Math.PI;
					angle2 += (Math.PI/2);
					radius = 80; //moitie taille cercle
					$('#image').css('left', parseInt(-7525*angle2/(Math.PI*2)) + 'px'); //mettre la largeur de l'image
					return {
						x: radius * Math.cos(angle) + centerx, 
						y: radius * Math.sin(angle) + centery
					}
				}
			}
		);
		$('#indicator').find('a').ToolTip(
			{
				className: 'inputsTooltip',
				position: 'mouse'
			}
		);
	}
);