/**
Carousel.
*/
(function()
{
    function slide()
    {
        var target = $(this).attr('data-target');
        var carousel = $(".carousel."+target);
        carousel = carousel[0];

        // Calculate carousel limit
        var items = $(".carousel."+target+" li");
        var width = $(items).width();
        var limit = 0 - (width * (items.length -1));

        // Which direction are we moving in?

        var action = $(this).attr('data-action');
        if(action === 'right' && carousel.offsetLeft > limit)
        {
            $(carousel).animate({"left": "-=262px"},  262, "linear");
        }

        if(action === 'left' && carousel.offsetLeft < 0)
           $(carousel).animate({"left": "+=262px"}, 262, "linear");

        return false;
    }

    function init()
    {

        // Install event handlers
        // Carousel controls
        var controls = $(".carousel-controls");
        for( var x=0; x < controls.length; x++ )
        {
            control = controls[x];
            control.onclick = slide;
        }
    }

    $(document).ready(init);

})();