﻿//video play handler.
jQuery(
    function($)
    {                                
        attachPlayHandler();                       
    }        
);

 //attach play handler.
function attachPlayHandler()
{        
    var selectVideoThumbnails = ".video";
    var selectVideoAdminThumbnails = ".videoAdmin";
    var selectCloseVideoLink = ".closeVideoLink";    
    var streamVideoPlayer = "/FCWSite/Features/MSCareers/Streams/StreamVideoPlayer.aspx";
    var visitTimeStamp = new Date().getTime();

    var allVideoThumbnails = $(selectVideoThumbnails);
    var allVideoAdminThumbnails = $(selectVideoAdminThumbnails);    
    allVideoThumbnails.unbind("click");
    allVideoAdminThumbnails.unbind("dblclick");        
    
    //video title mouse over.
    allVideoThumbnails.mouseover(
        function()
        {                         
            var thisElement = $(this);
            thisElement.find(".video_title_wrapper4").show();
            thisElement.find(".video_title_wrapper4_sm").show();
			
			if (!$.browser.msie)
            	thisElement.find(".video_title_wrapper3").css("display","table");
			else
				thisElement.find(".video_title_wrapper3").show();
			
			
            if (!$.browser.msie)
            	thisElement.find(".video_title_wrapper3_sm").css("display","table");
			else
				thisElement.find(".video_title_wrapper3_sm").show();
			
			if (!$.browser.msie)
	            thisElement.find(".video_title_wrapper2").css("display","table-cell");                        
			else
				thisElement.find(".video_title_wrapper2").show();
				
            if (!$.browser.msie)
	            thisElement.find(".video_title_wrapper2_sm").css("display","table-cell");                        
			else
				thisElement.find(".video_title_wrapper2_sm").show();                        
        }
    );
    
    //video title mouse out.
    allVideoThumbnails.mouseout(
        function()
        {       
            var thisElement = $(this);
            thisElement.find(".video_title_wrapper4").hide();
            thisElement.find(".video_title_wrapper4_sm").hide();
            thisElement.find(".video_title_wrapper3").hide();
            thisElement.find(".video_title_wrapper3_sm").hide();
            thisElement.find(".video_title_wrapper2").hide();                        
            thisElement.find(".video_title_wrapper2_sm").hide();                        
        }
    );
            
    //click event on front end video.
    allVideoThumbnails.click(
        function()
        {
            playVideo($(this));
            return false;
        }                
    );
    
    //click event on admin videos.
    allVideoAdminThumbnails.dblclick(
        function()
        {
            playVideo($(this));
            return false;
        }
    );
    
    //play video.
    function playVideo(sender)
    {                                
        var videoId = sender.find("INPUT").val();                                                
        if (videoId != null && videoId.length > 0)
        {                                                    
            $.get
            (streamVideoPlayer,                
                {
                    video: videoId,
                    timeStamp: visitTimeStamp
                },
                function (data)
                {                                                                  
                    var selectOverlay = "#videoOverlay";
                    var overlay = $(selectOverlay);
    
                    if (overlay.length == 0)        
                    {
                        $("body").prepend("<div id='videoOverlay'></div>");             
                        overlay = $(selectOverlay);
                    }                           
                    
                    var ie6OrBelow = ($.browser.msie && parseInt($.browser.version) < 7);                    
                    
                    if (ie6OrBelow)    
                        overlay.css("position", "absolute");  
                                                                     
                    overlay.css("opacity", 0.6);                    
                    overlay.html(data);                    
                    overlay.fadeIn("fast",
                        function()
                        {
                            //close video click.
                            $(selectCloseVideoLink).click(
                                function()
                                {   
                                    if (window.flowPlayer != null)
                                        flowPlayer.stop();                                            
                                    overlay.html();
                                    overlay.hide();
                                    return false;
                                }
                            );                  
                        
                            //overlay click.                               
                            overlay.click(
                                function()
                                {
                                    if (window.flowPlayer != null)
                                        flowPlayer.stop();
                                    overlay.html();
                                    overlay.hide();
                                }
                            );                                                       
                        }                                                                              
                    );                
                }     
            );                   
        }
    }
}
