﻿// VARIABLES FOR SLIDER
var sliderTotalWidth = 584;
var sliderTotalHeight = 250;
var leftButtonSrc = "/App_Themes/FrameworkBasic/images/custom/start-page-slider/left.png";
var leftButtonBgSrc = "/App_Themes/FrameworkBasic/images/custom/start-page-slider/left-bg.png";
var leftButtonText = "Föregående";
var rightButtonSrc = "/App_Themes/FrameworkBasic/images/custom/start-page-slider/right.png";
var rightButtonBgSrc = "/App_Themes/FrameworkBasic/images/custom/start-page-slider/right-bg.png";
var rightButtonText = "Nästa";
var automaticSlidingInterval = "4000";
var linkImages = true;
jQuery.easing.def = "easeInOutExpo";
var slideWidth = sliderTotalWidth - 70;

// START SLIDER FUNCTIONS
var slideInterval = 0;
var slidePosition = 0;

function startAutomaticSliding() {
    clearInterval(slideInterval);
    slideInterval = setInterval("slideAutomatically()", automaticSlidingInterval);

}

function stopAutomaticSliding() {
    clearInterval(slideInterval);
}

function slideAutomatically() {
    if ($("#StartPageSliderRightButton").css("display") == "block") {
	slideStartPageSliderRight();
    }
    else {
	resetStartPageSlider();
    }
}


function slideStartPageSliderLeft() {
    $("#StartPageSliderLeftButton").hide();
    $("#StartPageSliderRightButton").hide();
    $("#StartPageSliderLeftButton").unbind("click");
    $("#StartPageSliderRightButton").unbind("click");     
    $("#StartPageSlider").stop(true, true);
    var newPosition = (slidePosition + slideWidth);
    var newCssPosition = newPosition + "px";
    $("#StartPageSlider").animate({
	left: newCssPosition
    }, 700, function() { checkSliderButtons() });
    slidePosition = newPosition;    
}

function slideStartPageSliderRight() {
    $("#StartPageSliderLeftButton").hide();
    $("#StartPageSliderRightButton").hide();
    $("#StartPageSliderLeftButton").unbind("click");
    $("#StartPageSliderRightButton").unbind("click");       
    $("#StartPageSlider").stop(true, true);
    var newPosition = (slidePosition - slideWidth);
    var newCssPosition = newPosition + "px";
    $("#StartPageSlider").animate({
        left: newCssPosition
    }, 700, 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
    }, 1200, 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("normal");
    }
    if (slidePosition <= ($("#StartPageSlider").width() * -1) + $("#StartPageSliderViewPort").width()) {
    	$("#StartPageSliderRightButton").hide();
    }
    else {
        $("#StartPageSliderRightButton").bind("click", function() {
	        slideStartPageSliderRight();
	    });
	    $("#StartPageSliderRightButton").fadeIn("normal");
    }
}




$(document).ready(function() {


    if ($("#StartPageDefinitions").html() != null) {


        // DÖLJ HEADER OCH TA BORT PADDING FÖR SIDANS TOPP
        $(".PageDetailsHeader").hide();
        $(".PageDetailsBody").css("padding-top","0");

        // 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>";

        $("#StartPageDefinitions").after(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 TEXTRUTAN OM DEN FINNS
            if ($(this).find("span.Text").text() != "") {
                slideCode += "<div class='SliderItemText'>";
                slideCode += $(this).find("span.Text").html();
                slideCode += "</div>";
            }


            // SKRIV BARA UT LÄNK OM BILDERNA SKA LÄNKAS
            if (linkImages == true) {
                slideCode += "</a>";
            }



            slideCode += "</div>";


            // SÄTT IN DIVARNA I SLIDERN
            $("#StartPageSlider").append(slideCode);

            // SÄTT SLIDERNS BREDD
            $("#StartPageSlider").width($("#StartPageSlider").width() + slideWidth);

        });
    }

    // SÄTT MÅTT PÅ ALLA ELEMENT
    $("#StartPageSliderContainer").width(sliderTotalWidth);
    $("#StartPageSliderViewPort").width(slideWidth);
    $("#StartPageSliderViewPort").css("left", "35px");
    $("#StartPageSlider div.StartPageSliderItem").width(slideWidth);
    $("#StartPageSlider div.StartPageSliderItem a").width(slideWidth);
    $("#ctl00_main_showpage_sfp_sp").height(sliderTotalHeight);
    $("#ctl00_main_showpage1_sfp_sp").height(sliderTotalHeight);
    $("#StartPageSliderContainer").height(sliderTotalHeight);
    $("#StartPageSliderViewPort").height(sliderTotalHeight);
    $("#StartPageSlider div.StartPageSliderItem").height(sliderTotalHeight);
    $("#StartPageSlider div.StartPageSliderItem a").height(sliderTotalHeight);

    // DÖLJ INLEDNINGSVIS SAMT SÄTT SRC, INFO POSITION ETC FÖR KNAPPARNA

    $("#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);

    // SETTING INITIAL BUTTON OPACITY CORRECT FOR IE
    $("#StartPageSliderLeftButton").css("filter", "alpha(opacity=50)");
    $("#StartPageSliderRightButton").css("filter", "alpha(opacity=50)");


    // 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").fadeTo(0, 0.8);
        $(this).stop(true, true);
        $(this).fadeTo(80, 1.0);
    });

    $("#StartPageSliderLeftButton").bind("mouseleave", function() {
        $("#StartPageSliderLeftButtonBg").stop(true, true);
        $("#StartPageSliderLeftButtonBg").fadeTo(0, 1.0);
        $(this).stop(true, true);
        $(this).fadeTo(80, 0.5);
    });

    $("#StartPageSliderRightButton").bind("mouseenter", function() {
        $("#StartPageSliderRightButtonBg").stop(true, true);
        $("#StartPageSliderRightButtonBg").fadeTo(0, 0.8);
        $(this).stop(true, true);
        $(this).fadeTo(80, 1.0);
    });

    $("#StartPageSliderRightButton").bind("mouseleave", function() {
        $("#StartPageSliderRightButtonBg").stop(true, true);
        $("#StartPageSliderRightButtonBg").fadeTo(0, 1.0);
        $(this).stop(true, true);
        $(this).fadeTo(80, 0.5);
    });

    $(".StartPageSliderItem").bind("mouseenter", function() {
        $(this).find("div").css("text-decoration", "underline");
    });

    $(".StartPageSliderItem").bind("mouseleave", function() {
        $(this).find("div").css("text-decoration", "none");
    });


});

$(window).load(function() {
    // Kolla vilka knappar som ska vara aktiva
    checkSliderButtons();
    startAutomaticSliding();

});