﻿

var jsTLSlider = {
    itemCount: 0,
    divContainer: ".",
    numOfItemsShown: 0,
    oneStep: 110,

    init: function(stepWidth, count, container, numOfItemsToShow) {
        jsTLSlider.oneStep = stepWidth;
        jsTLSlider.itemCount = count;
        jsTLSlider.divContainer += container;
        jsTLSlider.numOfItemsShown = numOfItemsToShow;
        $(".forward").click(function() { jsTLSlider.moveRight(); });
        $(".backward").click(function() { jsTLSlider.moveLeft(); });
        jsTLSlider.checkEdgeStatus();
    }
	,
    moveRight: function() {

        $(jsTLSlider.divContainer).animate(
            { left: "-=" + jsTLSlider.oneStep },
            250,
            function() { jsTLSlider.checkEdgeStatus(); }
        );
    }
	,
    moveLeft: function() {

        $(jsTLSlider.divContainer).animate(
            { left: "+=" + jsTLSlider.oneStep },
            250,
            function() { jsTLSlider.checkEdgeStatus(); }
        );

    }
	,
    checkEdgeStatus: function() {
        //IE sets to "auto"
        if ($(jsTLSlider.divContainer).css("left").replace('px', '') >= 0 | $(jsTLSlider.divContainer).css("left") == "auto") {

            $(".backward").hide();
        }
        else {
            $(".backward").show();
        }

        var fullWidth = (jsTLSlider.itemCount * (-1 * jsTLSlider.oneStep)) + (jsTLSlider.oneStep * jsTLSlider.numOfItemsShown);

        if ($(jsTLSlider.divContainer).css("left").replace('px', '') <= fullWidth) {
            $(".forward").hide();
        }
        else {
            $(".forward").show();
        }
    }
};






