var directions = ["lr", "rl", "bt", "tb"];
var currentDirection = "lr";
var currentFilp = 0;
var filpTimer;

$(function () {
    $("#flipPad a").bind("click", function () {
        var $this = $(this);
        var content = $("#" + $this.attr("rel"));
        var filpIndex = $("#flipPad a").index($this);
        var direction;
        if (filpIndex == currentFilp) {
            direction = currentDirection.split('')[1] + currentDirection.split('')[0];
        }
        else {
            direction = directions[parseInt(Math.random() * directions.length)];
        }
        currentDirection = direction;
        currentFilp = filpIndex;
        $("#flipbox").flip({
            direction: currentDirection,
            color: $this.attr("rev"),
            content: content.html(),
            speed: 200,
            onBefore: function () {
                clearInterval(filpTimer);
                $this.addClass("current");
                $this.siblings("a.current").removeClass("current");
            },
            onEnd: function () { SetFilpTimer(); }
        });

        return false;
    });
    SetFilpTimer();
    $("#flipPad a:first").click();
});

function SetFilpTimer() {
    if (filpTimer != null) {
        clearInterval(filpTimer);
    }
    filpTimer = setInterval("switchFilp()", 10000);
}

function switchFilp() {
    var flipPad_A = $("#flipPad a");
    if (currentFilp + 1 >= flipPad_A.size()) {
        currentFilp = 0;
    } else {
        currentFilp++;
    }
    flipPad_A.eq(currentFilp).click();
}