var item_w = 678;
var totalSlides;
var current = 0;
var timer;

function movePanel(index)
{
	var margin = '-' + 300 * index + 'px';
	$('.gallery-holder').animate({'marginLeft': margin}, "slow");

	$('#carousel li a').removeClass('active');
	$('#carousel li a[rel~=' + index + ']').addClass('active');

	current = index;
}


function slideTo()
{
	var margin = '-' + item_w * current + 'px';
	$('.projectile').animate({'marginLeft': margin}, "fast");
}

function nextSlide()
{
    if(current < (totalSlides - 1))
        current++;
    else
        current = 0;

    slideTo();
}

$(document).ready(function(){
    totalSlides = $('#slider .slide').length;
    $('.projectile').width(item_w * totalSlides);

    $('#next-slide').click(function(e){
        e.preventDefault();

        nextSlide();

        clearInterval(timer);
        timer = setInterval(nextSlide, 5000);
    });

    $('#previous-slide').click(function(e){
        e.preventDefault();

        if(current > 0)
            current--;
        else
            current = (totalSlides - 1);

        slideTo();

        clearInterval(timer);
        timer = setInterval(nextSlide, 5000);
    });

    timer = setInterval(nextSlide, 5000);
});
