// JavaScript Document

function scorri(){
	
	 var posizione_attuale=document.getElementById("barra_case").style.left;
	 var posizione_finale=posizione_attuale-182;
	  document.getElementById("barra_case").style.left=posizione_finale+"px";
	

	}
	
	
   
     $(document).ready(function(){
								
								
//VARIABILI 								
	 var frase=new Array();
	 var count=1;
	 var appenagirato = 0;
	 var stagirando = 0;
	 var xpos_sfondo=0;
	 var xpos_mano=0;
	 
	 
//LE FRASI NEL BOX INIZIALE	 
	 frase[1]="<h1>Soluzioni software per l'accesso in mobilit&agrave ai servizi aziendali</h1><div id='slide_button'><p><a href='servizi.php'>scopri di pi&ugrave</a></p></div>"
	 frase[2]="<h1>La nuova realt&agrave aziendale nel mondo delle mobile solutions per business</h1><div id='slide_button'><p><a href='servizi.php'>scopri di pi&ugrave</a></p></div>"
	 frase[3]="<h1>Qualit&agrave, certificazione, esperienza, professionalit&agrave sempre al tuo fianco</h1><div id='slide_button'><p><a href='servizi.php'>scopri di pi&ugrave</a></p></div>"
	
//SCRIVE LA FRASE INIZIALE	
	$(".slide_box").html( frase[count] );


//ANIMA BOTTONCINI MENU IN ALTO A DESTRa
$(".setting li a").hover(
  function () {
    $(this).append($("<span> &nbsp;&gt;&gt;&gt;&nbsp;</span>"));
  }, 
  function () {
    $(this).find("span:last").remove();
  }
);

//LA FUNZIONE CHE FA GIRARE IN AUTOMATICO LO SLIDER SE NON LO SI TOCCA	  
	 function auto(){
						 if(appenagirato==1){appenagirato=0;}
						 else{
												if (stagirando==0){	 
																	$("#slide_back").hide().delay(1000).fadeIn("slow");
																	$("#slide_forward").hide().delay(1000).fadeIn("slow");
																	if(count==1){count=3;} else{count-=1;}
																	stagirando=1;
																	
																	$(".slide_show").animate(  { left:'-=2000px'}, 400, function() {
																																 
																	$(".slide_show").css( 'background-image' , 'url(img/sfondo_persone_lungo'+count+'.jpg)');
																	$(".slide_show").css( 'left' , '2000px');
																	$(".slide_show").animate(  { left:xpos_sfondo}, 400, function() { });  
																
																	 });  
																	 
																	 
																	$(".slide_box").animate(  { left: '+=700px'}, 400, function() { 
																	$(".slide_box").html( frase[count] );
																	$(".slide_box").animate(  { left: '-=700px'}, 400, function() { });
																	 });  
																	
																	$("#mano").animate(  { top: '+=700px'}, 600, function() { 
																	
																	$("#mano").css( 'background-image' , 'url(img/mano'+count+'.png)');
																	$("#mano").animate(  { top: '-=700px'}, 400, function() { stagirando=0;});
																	
																	 });  
												}
												 window.setTimeout(auto, 4000);
						 }
	 }
	 
//CHIAMA LA FUNZIONA CHE FA GIRARE IN AUTOMATICO LA PRIMA VOLTA	 
	window.setTimeout(auto, 3000);
	 
	 
//EFFETTO DI PARALLASSE BASATO SUL MOVIMENTO DEL MOUSE	 
/*
	 $("body").mousemove(function(event){
	 if(stagirando==0){
	 
	 
	 
	 xpos_sfondo = event.pageX*0.07 -200;
	 xpos_mano = event.pageX*0.15+100 ;
	 
	  
	 
    $(".slide_show").css( 'left' , xpos_sfondo);
	$("#mano").css( 'left' , xpos_mano);
	
	
	}
	
	
	 });

*/

//EFFETTI DI ROLLOVER	  
	  
	 $(".partner a img").hover(
	 function(){    $(this,"img").animate(  { width: '168px'}, 100, function() {  });     },
	 function(){    $(this).animate(  { width: '150px'}, 100, function() {  });
	 });
	 
	  $("#barra_case li").hover(
	 function(){    $("img",this).animate(  { width: '158px', top:'-8px' }, 100, function() {  });      },
	 function(){    $("img",this).animate(  { width: '150px',top:'0px' }, 100, function() {  });
	 });
	 
	 $("#slide_back").hover(
	 function(){    $(this).animate(  {  }, 100, function() {  });      },
	 function(){    $(this).animate(  {  }, 100, function() {  });
	 
	 });
	 
	  $("#slide_forward").hover(
	 function(){    $(this).animate(  {  }, 100, function() {  });      },
	 function(){    $(this).animate(  {  }, 100, function() {  });
	 
	 });
	 
	 
	 
//CLICK SUI BOTTONI PER LO SLIDE SHOW	 
	 
	$("#slide_back").click(
	function(){ 
	appenagirato=1;
	$("#slide_back").hide().delay(1000).fadeIn("slow");
	$("#slide_forward").hide().delay(1000).fadeIn("slow");
	if(count==1){count=3;} else{count-=1;}
	stagirando=1;
	
	$(".slide_show").animate(  { left: '-=2000px'}, 400, function() { 
	$(".slide_show").css( 'background-image' , 'url(img/sfondo_persone_lungo'+count+'.jpg)');
	$(".slide_show").css( 'left' , '2000px');
	$(".slide_show").animate(  { left: xpos_sfondo}, 400, function() { });  

	 });  
	 
	 
	$(".slide_box").animate(  { left: '+=700px'}, 400, function() { 
	$(".slide_box").html( frase[count] );
	$(".slide_box").animate(  { left: '-=700px'}, 400, function() { });
	 });  
	
	$("#mano").animate(  { top: '+=700px'}, 600, function() { 
	
	$("#mano").css( 'background-image' , 'url(img/mano'+count+'.png)');
	$("#mano").animate(  { top: '-=700px'}, 400, function() { stagirando=0;});
	
	 });  
	 });
	 
	 $("#slide_forward").click(
	function(){     
	appenagirato=1;
	$("#slide_back").hide().delay(1000).fadeIn("slow");
	$("#slide_forward").hide().delay(1000).fadeIn("slow");
	if(count==3){count=1;} else{count+=1;}
	stagirando=1;
	$(".slide_show").unbind('mousemove');
	$(".slide_show").animate(  { left: '+=2000px'}, 400, function() { 
	$(".slide_show").css( 'background-image' , 'url(img/sfondo_persone_lungo'+count+'.jpg)');
	$(".slide_show").css( 'left' , '-2000px');
	$(".slide_show").animate(  { left: xpos_sfondo}, 400, function() { });  

	 });  
	 
	 
	$(".slide_box").animate(  { left: '+=700px'}, 400, function() { 
	$(".slide_box").html( frase[count] );
	$(".slide_box").animate(  { left: '-=700px'}, 400, function() { });
	 });  
	
	$("#mano").animate(  { top: '+=700px'}, 600, function() { 
	
	$("#mano").css( 'background-image' , 'url(img/mano'+count+'.png)');
	$("#mano").animate(  { top: '-=700px'}, 400, function() { stagirando=0;});
	
	 });  
	 });
	 
//CLICK SUI BOTTONI DEI CASI DI SUCCESSO 
			var numero_casi_successo = 19;
			var lunghezza_barra_successo = 182 * numero_casi_successo; 
			var lunghezza_visibile = 182 * 5;
			var max_lunghezza_indietro = -1*(lunghezza_barra_successo - lunghezza_visibile);
			
			
			$("#case_arrow_back").click(function(event){
			
			
			var posizione = parseFloat (document.getElementById("barra_case").style.left);
			if(posizione <max_lunghezza_indietro){
				$('#barra_case').animate(  { left: '0px'}, 1000, function() {  });
				}
			else{
			$('#barra_case').animate(  { left: '-=182'}, 100, function() {  });
			}
			});
			
			
			$("#case_arrow_forward").click(function (event){
			
			
			
			var posizione = parseFloat (document.getElementById("barra_case").style.left);
			if(posizione >-182){
				$('#barra_case').animate(  { left: max_lunghezza_indietro-182}, 1000, function() {  });
				}
			else{
			$('#barra_case').animate(  { left: '+=182'}, 100, function() {  });
			}
			
       });
     });