var avanzo;
var percentuale;

var piccola = 2328;
var grande = 1456;

$(document).ready(function(){
						   
	$("#content-slider").slider({
		animate: true,
		slide: handleSliderSlide
	});
	$("#content-slider_2").slider({
		animate: true,
		slide: handleSliderSlide_2
	});
	
  	if (navigator.appName=="Microsoft Internet Explorer") {
		
			$("#content-holder").css('width', piccola + (document.body.offsetWidth - 985)+"px");
			$("#iniziale").css('margin-left', (document.body.offsetWidth - 960)/2+"px");
			$("#content-slider").css('margin-left', (document.body.offsetWidth - 998)/2+"px");
			$(".maschera_sinistra").css('width',(document.body.offsetWidth - 960)/2+"px");
			$(".maschera_destra").css('width',(document.body.offsetWidth - 998)/2+"px");
			$("#content-holder_2").css('width', grande + (document.body.offsetWidth - 985)+"px");
			$("#iniziale_2").css('margin-left', (document.body.offsetWidth - 998)/2+"px");
			$("#content-slider_2").css('margin-left', (document.body.offsetWidth - 998)/2+"px");
			$(".chiudi").css('right', (document.body.offsetWidth - 970)/2+"px");
			$("#sezione").css('left', (document.body.offsetWidth - 998)/2+"px");
			avanzo = $("#immagine_full_screen").height() - $("#full_screen").height();
			
			$("#immagine_full_screen").css('left', (document.body.offsetWidth -$("#immagine_full_screen").width())/2)
		
 	}else{
		$("#content-holder").css('width', piccola + (window.innerWidth - 998)+"px");
  		$("#iniziale").css('margin-left', (window.innerWidth - 960)/2+"px");
		$("#content-slider").css('margin-left', (window.innerWidth - 998)/2+"px");
		$(".maschera_sinistra").css('width',(window.innerWidth - 998)/2+"px");
		$(".maschera_destra").css('width',(window.innerWidth - 998)/2+"px");
		$("#content-holder_2").css('width', grande + (window.innerWidth - 998)+"px");
  		$("#iniziale_2").css('margin-left', (window.innerWidth - 998)/2+"px");
		$("#content-slider_2").css('margin-left', (window.innerWidth - 998)/2+"px");
		$(".chiudi").css('right', (window.innerWidth - 998)/2+"px");
		$("#sezione").css('left', (window.innerWidth - 998)/2+"px");
		avanzo = $("#immagine_full_screen").height() - window.innerHeight
		
		$("#immagine_full_screen").css('left', (window.innerWidth -$("#immagine_full_screen").width())/2)
	}
});


$().mousemove(function(e){
	if(!e) e=window.event;
	 if (navigator.appName=="Microsoft Internet Explorer") {
	 	percentuale = e.pageY/$("#full_screen").height();
		$("#immagine_full_screen").css('top', -(avanzo*percentuale) +"px");
	 }else{
		percentuale = e.pageY/window.innerHeight; 
		$("#immagine_full_screen").css('top', -(avanzo*percentuale) +"px");
	 }
});


function handleSliderSlide(e, ui)
{
	var maxScroll = $("#content-scroll-big").attr("scrollWidth") - $("#content-scroll-big").width();
	$("#content-scroll-big").attr({scrollLeft: ui.value * (maxScroll / 100) });
}

function handleSliderSlide_2(e, ui)
{
	var maxScroll_2 = $("#content-scroll_2-big").attr("scrollWidth") - $("#content-scroll_2-big").width();
	$("#content-scroll_2-big").attr({scrollLeft: ui.value * (maxScroll_2 / 100) });
}



window.onresize = function(){
	if (navigator.appName=="Microsoft Internet Explorer") {
		
			$("#content-holder").css('width', piccola + (document.body.offsetWidth - 985)+"px");
			$("#iniziale").css('margin-left', (document.body.offsetWidth - 960)/2+"px");
			$("#content-slider").css('margin-left', (document.body.offsetWidth - 998)/2+"px");
			$(".maschera_sinistra").css('width',(document.body.offsetWidth - 960)/2+"px");
			$(".maschera_destra").css('width',(document.body.offsetWidth - 998)/2+"px");
			$("#content-holder_2").css('width', grande + (document.body.offsetWidth - 985)+"px");
			$("#iniziale_2").css('margin-left', (document.body.offsetWidth - 998)/2+"px");
			$("#content-slider_2").css('margin-left', (document.body.offsetWidth - 998)/2+"px");
			$(".chiudi").css('right', (document.body.offsetWidth - 970)/2+"px");
			$("#sezione").css('left', (document.body.offsetWidth - 998)/2+"px");
			avanzo = $("#immagine_full_screen").height() - $("#full_screen").height();
			
			$("#immagine_full_screen").css('left', (document.body.offsetWidth -$("#immagine_full_screen").width())/2)
		
 	}else{
		$("#content-holder").css('width', piccola + (window.innerWidth - 998)+"px");
  		$("#iniziale").css('margin-left', (window.innerWidth - 960)/2+"px");
		$("#content-slider").css('margin-left', (window.innerWidth - 998)/2+"px");
		$(".maschera_sinistra").css('width',(window.innerWidth - 998)/2+"px");
		$(".maschera_destra").css('width',(window.innerWidth - 998)/2+"px");
		$("#content-holder_2").css('width', grande + (window.innerWidth - 998)+"px");
  		$("#iniziale_2").css('margin-left', (window.innerWidth - 998)/2+"px");
		$("#content-slider_2").css('margin-left', (window.innerWidth - 998)/2+"px");
		$(".chiudi").css('right', (window.innerWidth - 998)/2+"px");
		$("#sezione").css('left', (window.innerWidth - 998)/2+"px");
		avanzo = $("#immagine_full_screen").height() - window.innerHeight;
		
		$("#immagine_full_screen").css('left', (window.innerWidth -$("#immagine_full_screen").width())/2)
	}
}