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

var sliding = false;

function createPlayer() {
    var flashvars = {
        //Video path  (must be fully qualified)
        file: "http://media.maplesoft.com/maple12demos/aca/Visualization.mp4",
        //Preview image path
        image: "",
        skin: "/includes/demo/skins/stylish/stylish.swf",
        autostart: "true",
        lightcolor: "336699",
        backcolor: "ECECEC",
        frontcolor: "000000"
    }

    var params = {
        allowfullscreen: "true",
        allowscriptaccess: "always"
    }

    var attributes = {
        id: "player1",
        name: "player1"
    }
    swfobject.embedSWF("/includes/demo/player.swf", "placeholder1", "320", "272", "9.0.115", false, flashvars, params, attributes);
}

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() {
createPlayer();

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);
}  
});