jQuery(document).ready(function() {
    carousel.init();
});

var carousel = {
    init: function() {
        var navigateLinks = jQuery(".carousel-navigate a");
        jQuery.each(navigateLinks, function(i, item) {
            var item = jQuery(item);
            item.bind('mouseenter', carousel.over).bind('mouseleave', carousel.out);
        });
        carousel.tick();
    },
    tick: function() {
        var navigateLinks = jQuery(".carousel-navigate a");
        jQuery.each(navigateLinks, function(i, item) {
            var item = jQuery(item);
            item.removeClass("selected");
            if (item.attr("rel") == carousel.Global.tick) {
                item.addClass("selected");
            }
        });
        carousel.anim(carousel.Global.tick * 468);  // 468px width
        carousel.Global.tick++;
        if (carousel.Global.tick >= navigateLinks.length) carousel.Global.tick = 0;
        clearTimeout(carousel.Global.timeout);
        carousel.Global.timeout = setTimeout(carousel.tick, 5500);
    },
    over: function() {
        var index = jQuery(this).attr('rel');
        carousel.Global.tick = index;
        carousel.tick();
        clearTimeout(carousel.Global.timeout);
    },
    out: function() {
        carousel.Global.timeout = setTimeout(carousel.tick, 5500);
    },
    anim: function(iTo) {
        jQuery('.carousel-animate').animate({ left: 0 - iTo }, { queue: false, duration: 700, easing: 'swing' });
    },
    Global: { tick: 0, timeout: 0 }
};