var images = jQuery('#images img');
var movers = "";
var current = 0;
var total = images.length;
var timer = "";
var clicked = false;

function startCarousel() {
    if (total > 0) {
        for (x = 0; x < total; x++) {
            if (x == current) {
                jQuery('#movers ul').append(jQuery('<li class="fc active" onclick="moveTo(' + x + ')">'));
            } else if(x+1==total) {
                jQuery('#movers ul').append(jQuery('<li class="lc" onclick="moveTo(' + x + ')">'));
            } else {
                jQuery('#movers  ul').append(jQuery('<li onclick="moveTo(' + x + ')">'));
            }
        }
        movers = jQuery('#movers ul li');
    }
}

function moveTo(e) {
    if (clicked == false && e != current) {
        clicked = true;
        clearTimeout(timer);
        jQuery(images[current]).fadeOut();
        jQuery(movers[current]).removeClass('active');
        jQuery(images[e]).fadeIn();
        jQuery(movers[e]).addClass('active');
        current = e;
        timer = setTimeout("moveAuto()", 5000);
        clicked = false;
    }
}

function moveAuto() {
    var moveIt = current+1;
    if (moveIt == total) {
        moveIt = 0;
    }
    moveTo(moveIt);
}

startCarousel();
timer = setTimeout("moveAuto()", 5000);
