var video_scroller, video_api;
var scroller_first = true;

function playerReady(obj) {
    video_api.addModelListener("STATE", "videoChangedState");
};

function videoChangedState(obj) {
    if (obj["newstate"] == "COMPLETED") {
        $.mask.close();
    }
}

$().ready(function() {
    var video_images = $("#videoimages a.video_box"),
        video_div = $("#flashvideo");

    video_images.hover(function(event) {
        $(this).find(".clicktoplay").addClass("clicknotice");
    }, function(event) {
        $(this).find(".clicktoplay").removeClass("clicknotice");
    });

    var scroller_active = video_images.length > 1 ? true : false;

    video_images.bind("click", function(event) {
        event.preventDefault();

        var video_url = $(this).data("video");
        var flash_video = flashembed("flashvideo", {
            "src": window.RELIVE_STATIC_URL + "swf/player.swf",
            "version": [9,115],
            "bgcolor": "#000000"
        }, {
            "skin": window.RELIVE_STATIC_URL + "swf/bekle.swf",
            "file": video_url,
            "autostart": "true",
            "controlbar":"over",
            "stretching":"fill",
            "id": "video_api"}
        );
        video_api = flash_video.getApi();

        var video_expose = video_div.expose({
            color: "#000",
            api: true,
            onBeforeLoad: function(event) {
                video_div.fadeIn("fast");
                if (scroller_active) {
                    video_scroller.stop();
                }
            },
            onBeforeClose: function(event) {
                video_div.empty();
            },
            onClose: function(event) {
                video_div.fadeOut("fast");
                if (scroller_active) {
                    scroller_first = true;
                    video_scroller.play();
                }
            }
        });
        video_expose.load();
    });

    if (scroller_active) {
        video_scroller = $("#video_scrollable").scrollable({
            size: 1,
            easing: "easeOutCirc",
            speed: 1000
        }).autoscroll({
            autoplay: false,
            autopause: true,
            interval: 4500
        }).navigator({
            api: true
        });
        $(video_scroller).bind("onBeforeSeek", function(event, index) {
            if (scroller_first == true) {
                scroller_first = false;
                event.preventDefault();
            } else if (index == this.getSize()) {
                event.preventDefault();
                this.seekTo(0);
            }
        });
        video_scroller.play();
    }
});