var avanzo;
var percentuale;

var piccola = 3028;
var grande = 1000;

$(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
        avanzo_width = $("#immagine_full_screen").width() - window.innerWidth
		
        $("#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();
        percentuale_width = e.pageX/$("#full_screen").width();
        $("#immagine_full_screen").css('top', -(avanzo*percentuale) +"px");
        $("#immagine_full_screen").css('left', -(avanzo*percentuale_width) +"px");
    }else{
        percentuale = e.pageY/window.innerHeight;
        percentuale_width=e.pageX/window.innerWidth;
        $("#immagine_full_screen").css('top', -(avanzo*percentuale) +"px");
        $("#immagine_full_screen").css('left',-(avanzo_width*percentuale_width)+"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").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();
        avanzo_width = $("#immagine_full_screen").width() - $("#full_screen").width();
        
        $("#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;
        avanzo_width = $("#immagine_full_screen").width() - window.innerWidth;
        $("#immagine_full_screen").css('left', (window.innerWidth -$("#immagine_full_screen").width())/2)
    }
}