// FancyPlayer.js - A spicy mix of FancyBox and Flowplayer

var swfplayer = "/media/fancy/videos/flowplayer-3.1.5.swf";
var swfcontent = "/media/fancy/videos/flowplayer.content-3.1.0.swf";

flowplay_meta = {
    "src": swfplayer,
    "wmode": "opaque"
}

flowplay_config = {
    play: {
        opacity: 0
    },
    plugins: {
        content: {
            url:swfcontent,
            bottom: 25,
            height:40,
            backgroundColor: "transparent",
            backgroundGradient: "none",
            border: 0,
            textDecoration: "outline",
            style: {
                body: {
                    fontSize: 16,
                    fontFamily: "Arial",
                    textAlign: "center",
                    color: "#ffffff"
                }
            }
        },
        controls:  {
            backgroundColor: "transparent",
            progressColor: "transparent",
            bufferColor: "transparent",
            all: false,
            scrubber: true,
            volume: true,
            mute: true,
            play: true,
            height: 30,
            autoHide: "always"
        }
    },
    clip:{
        autoPlay: true,
        autoBuffering: true,
        onMetaData: function(clip){
            var width = clip.metaData.width;
            var height = clip.metaData.height;
            // @@ possibly resize video here
        }
    }
}

fancybox_config = {
    "hideOnContentClick": false,
    "overlayOpacity": 0.6,
    "zoomSpeedIn": 400,
    "zoomSpeedOut": 400,
    "easingIn": "easeOutBack",
    "easingOut": "easeInBack",
    "cyclic": true
}

function title_content(obj) {
    var supid = obj.orig.attr("supid");
    var supname = obj.orig.attr("supname");
    var title = obj.title;
    var alt = obj.orig.attr("alt");
    var linked_title = "";
    if (supid) {
        linked_title = title +
            " by <a target='_blank' href='/3d-animations-freelancers-studios-companies/" + supid + "'>" + supname + "</a>";
    } else {
        linked_title = title;
    }
    var content = "";
    if (!alt) {
        content = linked_title;
    } else {
        if (title == alt) {
            content = linked_title;
        } else {
            content = linked_title + "<br><br><span class='pre'>" + alt + "</span>";
        }
    }
    return content
}

$(document).ready(function() {
    var fancybox_config_image = fancybox_config;
    fancybox_config_image["titlePosition"] = "inside";
    fancybox_config_image["titleFormat"] = function () {
        return '<span id="fancybox-title-inside">' + title_content(this) + '</span>';
    }
	$(".fancy-image").fancybox(fancybox_config_image);
    var fancybox_config_video = fancybox_config;
    fancybox_config_video["titlePosition"] = "inside";
    fancybox_config_video["titleFormat"] = function () {
        return '<span id="fancybox-title-inside">' + title_content(this) + '</span>';
    }
    fancybox_config_video["onComplete"] = function() {
        var flowplay_config_local = flowplay_config;
        flowplay_config_local["clip"]["url"] = this.orig.attr("vidurl");
        player = $f("fancybox-inner", flowplay_meta, flowplay_config_local);
        player.load();
    }
	$(".fancy-video").fancybox(fancybox_config_video);
});