var avanzo;
var percentuale;
var avanzo_larghezza;
var percentuale_larghezza;

var piccola = 3900;
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-glasses").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_glasses").height() - $("#full_screen").height();
		avanzo_larghezza = $("#immagine_full_screen_glasses").width() - $("#full_screen").width();
		
 	}else{
		
		$("#content-holder-glasses").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_glasses").height() - window.innerHeight
		avanzo_larghezza = $("#immagine_full_screen_glasses").width() - window.innerWidth;
	}
});


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


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

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

window.onresize = function(){
	if (navigator.appName=="Microsoft Internet Explorer") {
		
			$("#content-holder-glasses").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_glasses").height() - $("#full_screen").height();
			avanzo_larghezza = $("#immagine_full_screen_glasses").width() - $("#full_screen").width();
			
 	}else{
		$("#content-holder-glasses").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_glasses").height() - window.innerHeight;
		avanzo_larghezza = $("#immagine_full_screen_glasses").width() - window.innerWidth;
	}
}