function scrollTopListLeft() {
    $("#SliderLeftButton").hide();
    $("#SliderRightButton").hide();    
    var newCssPosition = ($("#TopListSlider").position().left + 669) + "px";
    $("#TopListSlider").animate({
        left: newCssPosition
    }, 300, function() { checkSliderButtons() });
}

function scrollTopListRight() {
    $("#SliderLeftButton").hide();
    $("#SliderRightButton").hide();   
    var newCssPosition = ($("#TopListSlider").position().left - 669) + "px";
    $("#TopListSlider").animate({
        left: newCssPosition
    }, 300, function() { checkSliderButtons() });
}

// Kolla vilka knappar som ska släckas
function checkSliderButtons() {
    if ($("#TopListSlider").position().left >= 0) {
        $("#SliderLeftButton").hide();
    }
    else {
        $("#SliderLeftButton").show();
    }
    if ($("#TopListSlider").position().left <= ($("#TopListSlider").width() * -1) + $("#SliderViewPort").width()) {
        $("#SliderRightButton").hide();
    }
    else {
        $("#SliderRightButton").show();
    }
}


$(document).ready(function() {


    if ($("#TopListSliderContainer").html() != null) {

        // Generera divarna med kod
        $(".SimpleProductListItem").each(function() {
            var productCode = "";
            productCode += "<div class='TopListItem'><a href='";
            productCode += $(this).find(".SimpleProductListItemImage a").attr("href");
            productCode += "'><img src='";
            productCode += $(this).find(".SimpleProductListItemImage img").attr("src");
            productCode += "' alt='";
            productCode += $(this).find(".SimpleProductListItemName").html();
            productCode += "' /></a>";
            productCode += "<div>";

            var nameToDisplay = $(this).find(".SimpleProductListItemName").html();
            if (nameToDisplay.length > 20) {
                nameToDisplay = nameToDisplay.substring(0, 18) + "..."
            }
            productCode += nameToDisplay;
            productCode += "</div>";
            productCode += "<span>";
            productCode += $(this).find(".PriceStandardPriceAmount").html();
            productCode += "</span>";
            productCode += "</div>";

            // Sätt in divarna i slidern
            $("#TopListSlider").append(productCode);

            // Sätt sliderns bredd
            $("#TopListSlider").width($("#TopListSlider").width() + 167);

            // Kolla vilka knappar som ska vara aktiva
            checkSliderButtons();
        });

        $(".ProductListWrapper").hide(); // DÖLJ PRODUKTVISNINGEN PÅ STARTSIDAN
    }

});