// FancyPlayer.js - A spicy mix of FancyBox and Flowplayer

jQuery(document).ready(function () {

    var swfplayer = "/flash/flowplayer.swf";

    var videoclip = '';
    var player = '';

    jQuery(".video_link").hover(function () {
        videoclip = jQuery(this).attr('href');
        jQuery(this).attr({ "href": "#video_box" });
    },

	function () {
	    jQuery(this).attr({ "href": "" + videoclip + "" });
	});

    jQuery(".video_link").fancybox({
        'hideOnContentClick': false,
        'overlayOpacity': .6,
        'zoomSpeedIn': 400,
        'zoomSpeedOut': 400,
        'easingIn': 'easeOutBack',
        'easingOut': 'easeInBack',
        'callbackOnShow': function () {
            player = $f("fancy_div", swfplayer, {
                play: { opacity: 0 },
                clip: {
                    autoPlay: true,
                    autoBuffering: true,
                    url: videoclip + '',
                    onStart: function (clip) {
                        var wrap = jQuery(this.getParent());

                        var clipwidth = clip.metaData.width;
                        var clipheight = clip.metaData.height;

                        var pos = jQuery.fn.fancybox.getViewport();
                        jQuery("#fancy_outer").css({ width: clipwidth, height: clipheight });
                        jQuery("#fancy_outer").css('left', ((clipwidth + 36) > pos[0] ? pos[2] : pos[2] + Math.round((pos[0] - clipwidth - 36) / 2)));
                        jQuery("#fancy_outer").css('top', ((clipheight + 50) > pos[1] ? pos[3] : pos[3] + Math.round((pos[1] - clipheight - 50) / 2)));
                    },
                    onFinish: function () {
                        jQuery('#fancy_close').trigger('click');
                    }
                }
            });
            player.load();
            jQuery('#fancy_close').click(function () {
                jQuery("#fancy_div_api").remove();
            });
        },
        'callbackOnClose': function () {
            jQuery("#fancy_div_api").remove();
        }
    });

});
