jQuery(
    function($)
    {                                
        createModalNavItem();                       
    }        
);

function createModalNavItem()
{        
    var selectModalNavItem = ".modalNavItemLink";
    var selectCloseModalNavItem = ".closeModalNavItem";    
    
    var allModalNavItems = $(selectModalNavItem);
    allModalNavItems.unbind("click");
    
    allModalNavItems.mouseover(
        function()
        {                         
            var thisElement = $(this);            
            thisElement.find(".modalNavItem_MouseOver").show();
            thisElement.find(".modalNavItem_MouseOut").hide();
        }
    );
    
    //video title mouse out.
    allModalNavItems.mouseout(
        function()
        { 
            var thisElement = $(this);
            thisElement.find(".modalNavItem_MouseOver").hide();                  
            thisElement.find(".modalNavItem_MouseOut").show();            
        }
    );
            
    //click event on front end video.
    allModalNavItems.click(
        function()
        {
            showModalNav($(this));
            return false;
        }                
    );
    
    //click event on admin videos.
    allModalNavItems.dblclick(
        function()
        {
            showModalNav($(this));
            return false;
        }
    );

    function showModalNav(sender)
    {                                
        var href = sender.attr("href");                                                
        if (href != null && href.length > 0)
        {     
            var selectOverlay = "#modalNavOverlay";
            var selectOverlayContents = "#modalNavOverlayContents";
            var overlay = $(selectOverlay);

            if (overlay.length == 0)        
            {
                $("body").prepend("<div id='modalNavOverlay'></div><div id='modalNavOverlayContents'></div>");             
                overlay = $(selectOverlay);
                overlayContents = $(selectOverlayContents);
            }                           

            var scrollTop = $(document).scrollTop();  
            var documentWidth = $(document).width();  
            var documentHeight = $(document).height();                  
            var windowWidth = $(window).width();   
            var windowHeight = $(window).height();  
            var popupHeight = $(overlayContents).height();  
            var popupWidth = $(overlayContents).width();  
            
            var ie6OrBelow = ($.browser.msie && parseInt($.browser.version) < 7);                    
                
            if (ie6OrBelow)   
            { 
                overlay.css("position", "absolute");  
                overlay.css("height", documentHeight);  
                overlay.css("width", documentWidth);  
            }             
            
            $(overlayContents).css({  
                "position": "absolute",  
                "top": scrollTop + (windowHeight/2-popupHeight/2),  
                "left": windowWidth/2-popupWidth/2  
            });  
            
            overlay.css("opacity", 0.6);                    
            overlayContents.load(href,
                function()
                {
                    $(selectCloseModalNavItem).click(
                        function()
                        { 
                            overlay.html();
                            overlayContents.html();
                            overlay.fadeOut("slow");
                            overlayContents.fadeOut("slow");
                            return false;
                        }
                    );                   
                    overlayContents.fadeIn("slow");                                                          
                }                                  
            );             
                            
            overlay.fadeIn("slow",
                function()
                {                                    
                    //overlay click.                               
                    overlay.click(
                        function()
                        {
                            overlay.html();
                            overlayContents.html();
                            overlay.fadeOut("slow");
                            overlayContents.fadeOut("slow");
                        }
                    );                                                       
                }                                                     
            );                          
        }
    }
}