// VARIABLES FOR SLIDER
var sliderWidth = 580;
var sliderHeight = 280;
var leftButtonSrc = "/App_Themes/FrameworkBasic/start-page-slider/left.png";
var leftButtonBgSrc = "/App_Themes/FrameworkBasic/start-page-slider/left-bg.png";
var leftButtonText = "";
var rightButtonSrc = "/App_Themes/FrameworkBasic/start-page-slider/right.png";
var rightButtonBgSrc = "/App_Themes/FrameworkBasic/start-page-slider/right-bg.png";
var rightButtonText = "";
var automaticSlidingInterval = "4000";
var linkImages = true;


// START SLIDER FUNCTIONS
var slideInterval = 0;
var slidePosition = 0;

function startAutomaticSliding() {
    //$("#StartPageSlider").stop(true, false);
    $("#StartPageSliderLeftButton").stop(true, false);
    $("#StartPageSliderRightButton").stop(true, false);
    clearInterval(slideInterval);
    slideInterval = setInterval("slideAutomatically()", automaticSlidingInterval);
    $("#StartPageSliderLeftButton").fadeTo("fast", 0.6);
    $("#StartPageSliderRightButton").fadeTo("fast", 0.6);
}

function stopAutomaticSliding() {
    clearInterval(slideInterval);
    $("#StartPageSliderLeftButton").stop(true, false);
    $("#StartPageSliderRightButton").stop(true, false);
    $("#StartPageSliderLeftButton").fadeTo("fast", 1);
    $("#StartPageSliderRightButton").fadeTo("fast", 1);            
}

function slideAutomatically() {
    if ($("#StartPageSliderRightButton").css("display") == "block") {
	slideStartPageSliderRight();
    }
    else {
	resetStartPageSlider();
    }
}


function slideStartPageSliderLeft() {
    $("#StartPageSliderLeftButton").hide();
    $("#StartPageSliderRightButton").hide();
    $("#StartPageSliderLeftButtonBg").hide();
    $("#StartPageSliderRightButtonBg").hide();
    $("#StartPageSliderLeftButton").unbind("click");
    $("#StartPageSliderRightButton").unbind("click");
    $("#StartPageSlider").stop(true, true);
    var newPosition = (slidePosition + sliderWidth);
    var newCssPosition = newPosition + "px";
    $("#StartPageSlider").animate({
        left: newCssPosition
    }, 1000, function() { checkSliderButtons() });
    slidePosition = newPosition;
}

function slideStartPageSliderRight() {
    $("#StartPageSliderLeftButton").hide();
    $("#StartPageSliderRightButton").hide();
    $("#StartPageSliderLeftButtonBg").hide();
    $("#StartPageSliderRightButtonBg").hide();
    $("#StartPageSliderLeftButton").unbind("click");
    $("#StartPageSliderRightButton").unbind("click");
    $("#StartPageSlider").stop(true, true);
    $("#StartPageSliderLeftButton").fadeOut("fast");
    $("#StartPageSliderRightButton").fadeOut("fast");
    var newPosition = (slidePosition - sliderWidth);
    var newCssPosition = newPosition + "px";
    //alert(newCssPosition);
    $("#StartPageSlider").animate({
        left: newCssPosition
    }, 1000, function() { checkSliderButtons() });
    slidePosition = newPosition;
}

function resetStartPageSlider() {
    $("#StartPageSlider").stop(true, true);
    $("#StartPageSliderLeftButton").unbind("click");
    $("#StartPageSliderRightButton").unbind("click");
    $("#StartPageSliderLeftButton").fadeOut("fast");
    $("#StartPageSliderRightButton").fadeOut("fast");
    $("#StartPageSlider").animate({
        left: 0
    }, 1000, function() { checkSliderButtons() });
    slidePosition = 0;
}



// KOLLA VILKA KNAPPAR SOM SKA SLÄCKAS
function checkSliderButtons() {
    if ($("#StartPageSlider").position().left >= 0) {
        $("#StartPageSliderLeftButton").hide();
    }
    else {
        $("#StartPageSliderLeftButton").bind("click", function() {
            slideStartPageSliderLeft();
        });
        $("#StartPageSliderLeftButton").fadeIn("fast");
    }
    if (slidePosition <= ($("#StartPageSlider").width() * -1) + $("#StartPageSliderViewPort").width()) {
        $("#StartPageSliderRightButton").hide();
    }
    else {
        $("#StartPageSliderRightButton").bind("click", function() {
            slideStartPageSliderRight();
        });


        $("#StartPageSliderRightButton").fadeIn("fast");
    }
}




$(document).ready(function() {


    if (($("#emptystartdiv").html() != null) || ($("#emptystartdiv2").html() != null)) {


        // GENERERA DIVARNA INUTI CONTAINERN
        var startPageSliderCode = "";
        startPageSliderCode += "<div id='StartPageSliderContainer'>";
        startPageSliderCode += "<div id='StartPageSliderViewPort'>";
        startPageSliderCode += "<div id='StartPageSlider'></div>";
        startPageSliderCode += "</div>";
        startPageSliderCode += "<img id='StartPageSliderLeftButtonBg' alt='' />";
        startPageSliderCode += "<img id='StartPageSliderLeftButton' onclick='slideStartPageSliderLeft()' />";
        startPageSliderCode += "<img id='StartPageSliderRightButtonBg' alt='' />";
        startPageSliderCode += "<img id='StartPageSliderRightButton' onclick='slideStartPageSliderRight()' />";
        startPageSliderCode += "</div>";

        $("#emptystartdiv").html(startPageSliderCode);
        $("#emptystartdiv2").html(startPageSliderCode);

        // GENERERA DIVARNA MED BILDER INUTI SLIDERN
        $("#StartPageDefinitions div.StartPageSlide").each(function() {
            var slideCode = "";
            slideCode += "<div class='StartPageSliderItem'>";

            // SKRIV BARA UT LÄNK OM BILDERNA SKA LÄNKAS
            if (linkImages == true) {
                slideCode += "<a href='/";
                slideCode += $(this).find("span.PageName").text().replace(/ /g, "");
                slideCode += "'>";
            }
            slideCode += "<img src='/pub_docs/files/start-page-slider/";
            slideCode += $(this).find("span.ImageName").text().replace(/ /g, "");
            slideCode += "' alt='' />";
            // SKRIV BARA UT LÄNK OM BILDERNA SKA LÄNKAS
            if (linkImages == true) {
                slideCode += "</a>";
            }
            // SKRIV BARA UT TEXTRUTAN OM DEN FINNS OCH INTE BARA ÄR MELLANSLAG/NYA RADER
            var textContent = $(this).find("span.Text").text().replace(/  /g, " ");
            textContent = textContent.replace(/\n/g, "");
            if (!(textContent == "" || textContent == " " || textContent == "  " || textContent == "   " || textContent == "    " || textContent == "     ")) {
                slideCode += "<div class='SliderItemText'>";
                slideCode += $(this).find("span.Text").html();
                slideCode += "</div>";
            }


            slideCode += "</div>";


            // SÄTT IN DIVARNA I SLIDERN
            $("#StartPageSlider").append(slideCode);

            // SÄTT SLIDERNS BREDD
            $("#StartPageSlider").width($("#StartPageSlider").width() + sliderWidth);

        });
    }

    // SÄTT MÅTT PÅ ALLA ELEMENT
    $("#emptystartdiv").width(sliderWidth);
    $("#emptystartdiv2").width(sliderWidth);
    $("#StartPageSliderContainer").width(sliderWidth);
    $("#StartPageSliderViewPort").width(sliderWidth);
    $("#StartPageSlider div.StartPageSliderItem").width(sliderWidth);
    $("#StartPageSlider div.StartPageSliderItem a").width(sliderWidth);

    $("#emptystartdiv").height(sliderHeight);
    $("#emptystartdiv2").height(sliderHeight);
    $("#StartPageSliderContainer").height(sliderHeight);
    $("#StartPageSliderViewPort").height(sliderHeight);
    $("#StartPageSlider div.StartPageSliderItem").height(sliderHeight);
    $("#StartPageSlider div.StartPageSliderItem a").height(sliderHeight);

    // DÖLJ INLEDNINGSVIS SAMT SÄTT SRC, INFO POSITION ETC FÖR KNAPPARNA

    $("#StartPageSliderLeftButtonBg").hide();
    $("#StartPageSliderRightButtonBg").hide();
    $("#StartPageSliderLeftButton").hide();
    $("#StartPageSliderRightButton").hide();

    $("#StartPageSliderLeftButtonBg").attr("src", leftButtonBgSrc);
    $("#StartPageSliderRightButtonBg").attr("src", rightButtonBgSrc);
    $("#StartPageSliderLeftButton").attr("src", leftButtonSrc);
    $("#StartPageSliderRightButton").attr("src", rightButtonSrc);

    $("#StartPageSliderLeftButton").attr("alt", leftButtonText);
    $("#StartPageSliderRightButton").attr("alt", rightButtonText);
    $("#StartPageSliderLeftButton").attr("title", leftButtonText);
    $("#StartPageSliderRightButton").attr("title", rightButtonText);

    $("#StartPageSliderLeftButtonBg").css("top", (sliderHeight / 2) - 16);
    $("#StartPageSliderRightButtonBg").css("top", (sliderHeight / 2) - 16);
    $("#StartPageSliderLeftButton").css("top", (sliderHeight / 2) - 16);
    $("#StartPageSliderRightButton").css("top", (sliderHeight / 2) - 16);

    // BIND MOUSEOVER FÖR HELA SLIDERN
    $("#StartPageSliderContainer").bind("mouseenter", function() {
        stopAutomaticSliding();
    });

    $("#StartPageSliderContainer").bind("mouseleave", function() {
        startAutomaticSliding();
    });

    // BUTTON BACKGROUND FADING
    $("#StartPageSliderLeftButton").bind("mouseenter", function() {
        $("#StartPageSliderLeftButtonBg").stop(true, true);
        $("#StartPageSliderLeftButtonBg").fadeIn("fast");
    });

    $("#StartPageSliderLeftButton").bind("mouseleave", function() {
        $("#StartPageSliderLeftButtonBg").stop(true, true);
        $("#StartPageSliderLeftButtonBg").fadeOut("fast");
    });

    $("#StartPageSliderRightButton").bind("mouseenter", function() {
        $("#StartPageSliderRightButtonBg").stop(true, true);
        $("#StartPageSliderRightButtonBg").fadeIn("fast");
    });

    $("#StartPageSliderRightButton").bind("mouseleave", function() {
        $("#StartPageSliderRightButtonBg").stop(true, true);
        $("#StartPageSliderRightButtonBg").fadeOut("fast");
    });



});

$(window).load(function() {

    if (($("#emptystartdiv").html() != null) || ($("#emptystartdiv2").html() != null)) {
        // Kolla vilka knappar som ska vara aktiva
        checkSliderButtons();
        startAutomaticSliding();
    }
});