$(document).ready(function()
{

     $("#back").click(function ()
    {

         var sliderPosition = $("#shifter").position();
        var startingPosition = sliderPosition.left;
        if (startingPosition==0)
        {

        }
        else
        {

             startingPosition = startingPosition+248;
             $('#shifter').animate({left: startingPosition}, 100, "linear");
        }

    });


    $("#forward").click(function ()
    {

        var sliderPosition = $("#shifter").position();
        var startingPosition = sliderPosition.left;
        if (startingPosition==-4960)
        {

        }
        else
        {

             startingPosition = startingPosition-248;
             $('#shifter').animate({left: startingPosition}, 100, "linear");
        }




    });


});