//main navigation.
jQuery(
    function($)
    {        
        var selectTabButton = ".tabButton";
        var selectTabContent = ".tabContent";
        var selectAllTabShadows = ".shadow_u";
        var selectAllTabCells = ".shadow_l";  
        var selectAjaxLoader = ".tabLoader"; 
        var selectPageAjaxLoader = ".pageLoader";
        var selectVisitGuid = "#visitGuid";   
        var selectVideoPages = ".videoPage"; 
        var classNameShadowActive = "tab_on_top"; 
        var classNameTabActive = "tab_on_bot";        
        var tabContentStream = "/FCWSite/Features/MSCareers/Streams/StreamTabContent.aspx";        
                
        var tabButtons = $(selectTabButton);
        var tabContent = $(selectTabContent);
        var allTabShadows = $(selectAllTabShadows);
        var allTabCells = $(selectAllTabCells);
        var allAjaxLoaders = $(selectAjaxLoader);        
        var visitGuid = $(selectVisitGuid).val();
        
        var currentCategory;
        
        //tab button click.
        tabButtons.click(            
            function()
            {                                                          
                var clickedElement = this;                     
                
                allAjaxLoaders.hide();                
                $(clickedElement).siblings(selectAjaxLoader).show();                
                currentCategory = $(clickedElement).parent().find("INPUT").val();
                
                $.get(tabContentStream,
                    {
                        category: currentCategory,
                        p: "1",
                        visitGuid: visitGuid
                    },
                    function(data)
                    {                                                  
                        allTabShadows.removeClass(classNameShadowActive);
                        allTabCells.removeClass(classNameTabActive);                                                 
                        $(clickedElement).parent().addClass(classNameTabActive);                                                
                        allTabShadows.eq(tabButtons.index(clickedElement)).addClass(classNameShadowActive);                                                                                                                        
                        tabContent.html(data);                        
                        allAjaxLoaders.hide();
                        bindVideoPages();                        
                    }
                );                                
            }                        
        );
        
        bindVideoPages();
        
        //bind video page click events.
        function bindVideoPages()     
        {   
            var allPageAjaxLoaders = $(selectPageAjaxLoader);        
            var allVideoPages = $(selectVideoPages);                        
            
            //page click.
            allVideoPages.click(
                function()
                {
                    allPageAjaxLoaders.show();                
                    $.get(tabContentStream,
                        {
                            category: currentCategory,
                            p: allVideoPages.index(this) + 1,
                            visitGuid: visitGuid
                        },
                        function(data)
                        {
                            tabContent.html(data);                            
                            allPageAjaxLoaders.hide();
                            bindVideoPages();                            
                        }
                    );
                }            
            );        
            
            if (typeof window.attachPlayHandler == "function")                            
                attachPlayHandler();
        }                           
    }
);