﻿/* ------------------------------------------------------------------
    Version:		ucl-media-click.js
    Author:			AKQA
    Description:	UCL media overlay
    Contents:		
                    - hdp.embeddedPlayer
*/

var hdp = hdp || {};

hdp.embeddedPlayer = {
    launchPlayer: function(el) { // el should be a html element
		var parentContainer = (typeof(el) == 'object') ? jQuery(el).closest('.ucl-content-header, #hdp-content') : jQuery('#hdp-content');
		parentContainer.children().animate({ 'opacity': 0 });

        playerHref = el.href || el;
        trackingName = (el.title || el.name); // Used to send a 'friendly name' to the Google Analytics code

        var previewImg = jQuery(el).attr('class') || '';
        previewImg = (previewImg && previewImg.indexOf('-preview')) ? '../assets/local/images/media-player/' + previewImg.split(' ')[1] + '.jpg' : '';

        //twain = jQuery(el).find("img").attr("src").split('/thumbs/');
        //prevRef = twain[0] + "/images/" + twain[1].split("_thumbnail.jpg")[0] + "_preview.jpg";
        thisOverlay = jQuery('<div id="media-overlay"></div><div id="media-player"><div id="close-btn"><a href="#">CLOSE</a></div><div id="media-MediaPlayer1"></div></div>').appendTo(parentContainer).hide();
        jQuery("#close-btn").click(hdp.embeddedPlayer.closePlayer);
        jQuery("#close-btn").hide();

        // IE6 doesn't set the height properly
        if (jQuery('#media-overlay').height() === 0) {
            jQuery('#media-overlay').height(jQuery('#media-overlay').parent().height());
        }
        prevRef = '';
        //'fadeTo' doesn't de-activate display:none left from 'hide()'
        jQuery('#media-overlay').css('display', 'block').fadeTo(900, 0.8);
        jQuery("#media-player").fadeIn(400, function() {
            var dynamicMediaPlayer = new MediaPlayer({
                id: 'media-MediaPlayer1',
                url: playerHref,
                previewImage: previewImg,
                width: '770',
                height: '435',
                useCustomControls: false,
                skin: '/assets/global/flash/heineken.swf',
                onLoad: function() {
                    jQuery("#close-btn").show();
                },
                trackingName: trackingName
            });
        });
    },
    closePlayer: function(e) {
        if (typeof (e) != 'undefined') { e.preventDefault(); }
        var parentContainer = jQuery(this).closest('.ucl-content-header, #hdp-content');
        parentContainer.children().animate({ 'opacity': 1 });
        if (jQuery("#media-overlay")) {
            hdp.signUp.showSignUpPanelIfAppropriate();
            jQuery("#media-overlay").remove();
            jQuery("#media-player").remove();
        }
    },
    init: function() {
        jQuery('a.hdp-play-media, a[href$=flv]:not(.carousel-window a)').bind('click', function(e) {
            if (typeof (e) != 'undefined' && e.preventDefault) { e.preventDefault(); }
            hdp.embeddedPlayer.launchPlayer(jQuery(this)[0]);
        });
    }
};

jQuery(document).ready(function(){
    hdp.embeddedPlayer.init();
});
jQuery(document).bind('slideBlur', function(e) {
    hdp.embeddedPlayer.closePlayer();
});

