//Skroll funktion - Mathinic 2011, TW

//Globala variabler
var gNewWidth = 0;           //Ny bredd
var gNewHeight = 0;          //Ny höjd
var gOldWindowWidht = 0;
var gFrameHeight = 700;
var gOffSet = 0;
var gSlideshow = null;
var gWindowMaxWidht = 2000;
var gWindowMinWidht = 100;
var gTimstamp = new Date().getTime();
var gTimer = 6000;




function CheckAndSetWidth() {
    var Container = $("#PageContainer .SimpleSlideshowContainer");
    var ContainerWidth = Container.width();
    var WindowWidht = $(window).width();



    //Om webbläsarfönstret har en ny storlek
    if ((WindowWidht != gOldWindowWidht)) {
      
        if (WindowWidht >= gWindowMaxWidht) {
            gNewWidth = gWindowMaxWidht;
            gNewHeight = gFrameHeight//WindowWidht * 0.4873333; //Bild förhållande (höjd/bredd)
        } else {
            if (WindowWidht <= gWindowMinWidht) {
                gNewWidth = gWindowMinWidht;
                gNewHeight = gFrameHeight//WindowWidht * 0.4873333; //Bild förhållande (höjd/bredd)
            } else {
                gNewWidth = WindowWidht;
                gNewHeight = gFrameHeight//gWindowMaxWidht * 0.4873333; //Bild förhållande (höjd/bredd)
            }
        }


        gFrameHeight = gNewHeight - 0; //Minska ev höjden här
        //alert("Ställer in!");


        var Frame = "#PageContainer .SimpleSlideshow";
        SetFrameSize(Frame);
        SetItemsSize(Frame);
        var Container = "#PageContainer .SimpleSlideshowContainer";
        SetFrameSize(Container);


        CenterNav("#PageContainer");

        var Image = $("#PageContainer .SimpleSlideshow")
        //Aktiverar scrollable
        if (!gSlideshow) {

            gSlideshow = Image.scrollable({ circular: true, speed: 1000, easing: "swing" }).navigator()
        } else {
            gSlideshow = Image.scrollable({ circular: true, speed: 1000, easing: "swing" })
            gSlideshow.next(0);
            gSlideshow.prev(0);
        }




    }
    var tThisTime = new Date().getTime();

    if (gTimstamp + gTimer <= tThisTime) {
        gTimstamp = new Date().getTime();
        gSlideshow.next();
        
    }
   


    gOldWindowWidht = WindowWidht;

    setTimeout("CheckAndSetWidth()", 10);
}


function SetFrameSize(Objekt) {
    var ThisObjekt = $(Objekt);


    //alert("NewWidth:" + NewWidth + " NewHeight:" + NewHeight);
    ThisObjekt.css("width", gNewWidth + "px");
    ThisObjekt.css("height", gNewHeight + "px");

    ThisObjekt.css("left", -gOffSet + "px");
    $("#PageContainer .SimpleSlideshow").css("height", gFrameHeight + "px");

}

function SetItemsSize(Objekt) {
    var ThisObjekt = $(Objekt).find(".items div");
    var Image = $(Objekt).find(".items div img");

    //alert("NewWidth:" + NewWidth + " NewHeight:" + NewHeight);
    ThisObjekt.css("width", gNewWidth + "px");
    ThisObjekt.css("height", gNewHeight + "px");
    Image.css("width", gNewWidth + "px");
    Image.css("height", gNewHeight + "px");

}

function CenterNav(Objekt) {
    var Navigation = $(Objekt).find(".CenterNav");
    var NavBar = $(Objekt).find(".NavBar");
    tNewWidth = $(window).width();
    if (tNewWidth <= gWindowMinWidht) {
        tNewWidth = gWindowMinWidht;
    }
    var NewTop = (gNewHeight - 40)
    var NewLeft = (tNewWidth / 2) - (Navigation.width() / 2);
    NavBar.css("width", NewLeft + "px");
    NavBar.css("top", NewTop + "px");
    Navigation.css("left", NewLeft + "px");

}



$(function () {

    // initialize scrollable
    CheckAndSetWidth();

    $(window).resize(CheckAndSetWidth);




});