var timeout;

function onYouTubePlayerReady(playerId) {
    ytplayer = document.getElementById("ytPlayer");
    ytplayer.playVideo();
    ytplayer.addEventListener("onStateChange", "onStateChange");
}

function onStateChange(event) {
    if(event == 0) {
        timeout = setTimeout(queueNextVideo, 5000);
    }
}

function queueNextVideo() {
    var next_video;
    if($("div.video.active").next("div.video").length > 0) {
        next_video = $("div.video.active").next("div.video");
    } else {
        next_video = $("div.video:first");
    }
    next_video.find("a[data-youtube-id]").click();
}

(function($) {
    $(function() {
        var videoID = $("a[data-youtube-id]:first").attr("data-youtube-id");
        var params = { allowScriptAccess: "always", wmode: "opaque" };
        var atts = { id: "ytPlayer" };
        swfobject.embedSWF("http://www.youtube.com/v/" + videoID + "&enablejsapi=1&playerapiid=player1", "player", "700", "430", "8", null, null, params, atts);

        $("a[data-youtube-id]").live("click", function(event) {
            event.preventDefault();
            clearTimeout(timeout);

            var element = $(event.currentTarget);

            $("div.video").removeClass("active");
            var div = $(element).closest("div");
            div.addClass("active");

            $("div#info").html(div.attr('data-published-at') + " ago, " + div.attr('data-view-count') + " views").show('clip');

            ytplayer.loadVideoById(element.attr("data-youtube-id"));
        });
    });
})(jQuery);