// Defining the size of the window (cross-browser)
function alertSize() {
    var myWidth = 0, myHeight = 0;
    if( typeof( window.innerWidth ) == 'number' ) {
        //Non-IE
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
        //IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
    }
    // window.alert( 'Width = ' + myWidth );
    // window.alert( 'Height = ' + myHeight );
    return [ myWidth, myHeight ];
}


// Defining the scrolling value of the window (cross-browser)
function getScrollXY() {
    var scrOfX = 0, scrOfY = 0;
    if( typeof( window.pageYOffset ) == 'number' ) {
        //Netscape compliant
        scrOfY = window.pageYOffset;
        scrOfX = window.pageXOffset;
    } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
        //DOM compliant
        scrOfY = document.body.scrollTop;
        scrOfX = document.body.scrollLeft;
    } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
        //IE6 standards compliant mode
        scrOfY = document.documentElement.scrollTop;
        scrOfX = document.documentElement.scrollLeft;
    }
    return [ scrOfX, scrOfY ];
}


//// Adapt Window function
//function adaptWin(){
//    var sizeApp = alertSize();
//    var scroll = getScrollXY();
//    // alert("Size x : " + sizeApp[0] + " - Size y : " + sizeApp[1]);
//
//
//    // Set windw margins
//    if(sizeApp[0] > pageX){
//        $(".riquadro").each(function (i) {
//            var offset = $(this).offset();
//            $(this).css("left", (offset.left - windowMarginX));
//        });
//
//        windowMarginX = Math.round( (sizeApp[0] - pageX) / 2 );
//        // alert("Set margin x to : " + windowMarginX + " on " + sizeApp[0]);
//
//        $("#" + containerGl).css("width", ( ( pageCellX * pageX) + ( 2 * windowMarginX ) ));
//
//        $(".riquadro").each(function (i) {
//            var offset = $(this).offset();
//            $(this).css("left", (offset.left + windowMarginX));
//        });
//
//
//        $("#" + containerEl).css("padding-left", windowMarginX);
//        /* if(windowMarginX > 5)
//			$("#" + containerEl).css("padding-right", (windowMarginX - 5));
//		else */
//        $("#" + containerEl).css("padding-right", windowMarginX);
//
//    }
//    else{
//        $(".riquadro").each(function (i) {
//            var offset = $(this).offset();
//            $(this).css("left", (offset.left - windowMarginX));
//        });
//        $("#" + containerEl).css("padding-left", "0px");
//        $("#" + containerEl).css("padding-right", "0px");
//
//        windowMarginX = 0;
//
//        $("#" + containerGl).css("width", ( ( pageCellX * pageX) + ( 2 * windowMarginX ) ));
//
//        $(".riquadro").each(function (i) {
//            var offset = $(this).offset();
//            $(this).css("left", (offset.left + windowMarginX));
//        });
//    }
//
//
//    if(sizeApp[1] > pageY){
//        $(".riquadro").each(function (i) {
//            var offset = $(this).offset();
//            $(this).css("top", (offset.top - windowMarginY));
//        });
//
//        windowMarginY = Math.round( (sizeApp[1] - pageY) / 2 );
//
//        $("#" + containerGl).css("height", ( ( pageCellY * pageY) + ( 2 * windowMarginY ) ));
//
//        // alert("Set margin y to : " + windowMarginY + " on " + sizeApp[1]);
//
//        $(".riquadro").each(function (i) {
//            var offset = $(this).offset();
//            $(this).css("top", (offset.top + windowMarginY));
//        });
//
//        $("#" + containerEl).css("padding-top", windowMarginY);
//        /* if(windowMarginY > 5)
//	    	$("#" + containerEl).css("padding-bottom", (windowMarginY - 5));
//	    else */
//        $("#" + containerEl).css("padding-bottom", windowMarginY);
//    }
//    else{
//        $(".riquadro").each(function (i) {
//            var offset = $(this).offset();
//            $(this).css("top", (offset.top - windowMarginY));
//        });
//        $("#" + containerEl).css("padding-top", "0px");
//        $("#" + containerEl).css("padding-bottom", "0px");
//        windowMarginY = 0;
//
//        $("#" + containerGl).css("height", ( ( pageCellY * pageY) + ( 2 * windowMarginY ) ));
//
//        $(".riquadro").each(function (i) {
//            var offset = $(this).offset();
//            $(this).css("top", (offset.top + windowMarginY));
//        });
//    }
//// alert("Margin x : " + windowMarginX + " - Margin y : " + windowMarginY);
//}


// Scrolling function
function scrollPag(box_X, box_Y){
    section = box_Y;
    var scrTop = pageY * (box_X - 1);
    var scrLeft = pageX * (box_Y - 1);
    //$.scrollTo( {top:'830px', left:'1280px'}, 800 );
    $.scrollTo( {
        top: scrTop,
        left: scrLeft
    }, 800 );
}


// Scrolling function
function scrolling(n){
    var scroll = getScrollXY();

    var limit = 0;

    //alert (sizeApp[1]);
    if (windowY<pageY) {
        limit = (n + 1 )*pageY - windowY;
    }
    else{
        limit = n*pageY - windowY;
    }


    //alert (limit);
    if (scroll[1]<= limit){
        //scrolling(scroll[1],0);
        $(window).scrollTop(scroll[1]);

    }
    else{

        $(window).scrollTop(limit);

    }
}

// Global position variables (in pixels)
var windowMarginX = 0;
var windowMarginY = 0;
var winWidth = 0;
var winHeight = 0;
var scrollX = 0;
var scrollY = 0;
var coordX = 1;
var coordY = 1;

var pageX = 1100; // Page dimension X
var pageY = 830;  // Page dimension Y
var pageCellX = 3; // Page dimension X
var pageCellY = 5;  // Page dimension Y

var containerGl = "extContainer"; // Id of the global container element
var containerEl = "intContainer"; // Id of the internal container element

var loaded = false;
var scrollPageY = pageY;
var section = 1; //homepage
var windowX = pageX; //dimensioni della finestra attiva X
var windowY = pageY; //dimensioni della finestra attiva Y

$(document).ready(function (){


    var sizeApp = alertSize();

    windowX = sizeApp[0];
    windowY = sizeApp[1];

    pageX = sizeApp[0];
    //alert (sizeApp[1]);
    if (sizeApp[1]<pageY)
        scrollPageY = scrollPageY - sizeApp[1];
    else
        scrollPageY = sizeApp[1];


    $("#a1, #a2, #a3, #a4, #a5").css({
        'width': pageX
    });
    $("#b1, #b2, #b3, #b4, #b5").css({
        'width': pageX,
        'left': pageX
    });
    $("#c1, #c2, #c3, #c4, #c5").css({
        'width': pageX,
        'left': 2*pageX
    });

    $("#d1, #d2, #d3, #d4, #d5").css({
        'width': pageX,
        'left': 3*pageX
    });

    $("#e1, #e2, #e3, #e4, #e5").css({
        'width': pageX,
        'left': 4*pageX
    });


    $(".box").css({
        'left': (pageX-920)/2
    });


    /*if((sizeApp[0] < pageX) || (sizeApp[1] < pageY))
	    alert("*** This Web Site is potimized to be visualized in a browser windows equal or larger than 1000*600px *** The visualized area of your Web Browser is less than 1000*600px: in order to have a better browsing experience please, enlarge it or increase your screen resolution!");
	*/
    //adaptWin();
    // setTimeout('scrollPag(1,1)',300);
    loaded = true;


});

// Window resize event
//$(window).resize(function(){
//    adaptWin();
//});

$(window).scroll(function(event) {
    event.preventDefault();
    if (loaded){

        switch(section){
            case 1:
                scrolling(0);
                break;
            case 2:
                scrolling(0);
                break;
            //            case 3:
            //                scrolling(2);
            //                break;
            case 4:
                scrolling(0);
                break;
            case 5:
                scrolling(0);
                break;
        }
    }

});



function fadeLogo(){
    $("#logoZ").fadeOut(400);
    $("#logoZ").fadeOut(400, function () {
        $("#logoZ").fadeIn(1000);
    });

}





// setTimeout('scrollPag(3,3)',3000);