var choiceThumbs;
var curThumb = 0;
var thumbClicked = false;
var delay = 4000;

var sliding = false;

function showChoice(choice) {
    var id = "#" + $(choice).attr("name");

    var position = $(choice).position();

    $('#choiceBorder').animate({
        left: position.left
    }, 500, function(e) {
        if ($(id + ":visible").length == 0) {
            $("#userStories #top div:visible").hide();
            $(id).fadeIn();
        }
    });
}

function showNextThumb() {

    if (!thumbClicked) {

        curThumb = (curThumb + 1) % choiceThumbs.length;

        showChoice(choiceThumbs[curThumb]);
        setTimeout(function() { showNextThumb(); }, delay);
    }
}
$(function() {

choiceThumbs = $("#userStories #thumbs div.thumb");


if (choiceThumbs.length > 0) {
    var position = $(choiceThumbs[0]).position();

    $('#choiceBorder').css('left', position.left);
    $('#choiceBorder').show();

    $('#choiceBorder').click(function(e) {
        window.location = $("#userStories #top div:visible").children('a').attr('href');
    });



    $("#userStories #thumbs div").bind("click", function(ex) {
        thumbClicked = true;
        showChoice(this);
    });

    setTimeout(showNextThumb, delay);
}  
});