// jQuery Scroll Switch. CSS Grid to List

$j(document).ready(function() {
// Initial CSS
	$j(".recViewVidContainer p").addClass("jQuery-recView1");
	$j(".recViewVidContainer p img").addClass("jQuery-recView2");
	$j(".recViewVidContainer p .rvSmall").hide();
	$j(".listBut1").addClass("LbutON");
	$j(".gridBut1").addClass("GbutOFF");
	$j(".listBut2").addClass("LbutON");
	$j(".gridBut2").addClass("GbutOFF");	
	$j(".latViewVidContainer p").addClass("jQuery-recView1");
	$j(".latViewVidContainer p img").addClass("jQuery-recView2");
	$j(".latViewVidContainer p .rvSmall").hide();
	$j(".vidTit").addClass("jQuery-recView3");
	$j(".vidTit1").addClass("jQuery-recView3");

//****************** GROUP 1 *************************

// Grid Button - Group 1
$j("span")
   .filter(".gridBut1")
     .click(function(){
	// show / hide elements
	$j(".recViewVidContainer p .rvFull").hide();
	$j(".recViewVidContainer p .rvSmall").show();
	$j(".recViewVidContainer p .rvSmall2").hide();
	// Remove gridBut Classes
	$j(".recViewVidContainer p").removeClass("jQuery-recView1");
	$j(".recViewVidContainer p img").removeClass("jQuery-recView2");
	$j(".vidTit").removeClass("jQuery-recView3");
	$j(".listBut1").removeClass("LbutON");
	$j(".gridBut1").removeClass("GbutOFF");
	// Add listBut Classes
	$j(".recViewVidContainer p").addClass("jQuery-recViewA");
	$j(".recViewVidContainer p a").addClass("jQuery-recViewB");
	$j(".listBut1").addClass("LbutOFF");
	$j(".gridBut1").addClass("GbutON");
     })
   .end()
   
//List Button - Group 1
$j("span")
   .filter(".listBut1")
     .click(function(){
	// show / hide elements
	$j(".recViewVidContainer p .rvFull").show();
	$j(".recViewVidContainer p .rvSmall").hide();
	$j(".recViewVidContainer p .rvSmall2").show();
	// Remove listBut Classes
	$j(".recViewVidContainer p").removeClass("jQuery-recViewA");
	$j(".recViewVidContainer p a").removeClass("jQuery-recViewB");
	$j(".listBut1").removeClass("LbutOFF");
	$j(".gridBut1").removeClass("GbutON");
	// Add gridBut Classes
	$j(".recViewVidContainer p").addClass("jQuery-recView1");
	$j(".recViewVidContainer p img").addClass("jQuery-recView2");
	$j(".vidTit").addClass("jQuery-recView3");
	$j(".listBut1").addClass("LbutON");
	$j(".gridBut1").addClass("GbutOFF");	
     })
   .end()

//****************** GROUP 2 *************************

// Grid Button - Group 2
$j("span")
   .filter(".gridBut2")
     .click(function(){
	// show / hide elements
	$j(".latViewVidContainer p .rvFull").hide();
	$j(".latViewVidContainer p .rvSmall").show();
	$j(".latViewVidContainer p .rvSmall2").hide();
	// Remove gridBut Classes
	$j(".latViewVidContainer p").removeClass("jQuery-recView1");
	$j(".latViewVidContainer p img").removeClass("jQuery-recView2");
	$j(".vidTit1").removeClass("jQuery-recView3");
	$j(".listBut2").removeClass("LbutON");
	$j(".gridBut2").removeClass("GbutOFF");
	// Add listBut Classes
	$j(".latViewVidContainer p").addClass("jQuery-recViewA");
	$j(".latViewVidContainer p a").addClass("jQuery-recViewB");
	$j(".listBut2").addClass("LbutOFF");
	$j(".gridBut2").addClass("GbutON");
     })
   .end()
   
//List Button - Group 2
$j("span")
   .filter(".listBut2")
     .click(function(){
	// show / hide elements
	$j(".latViewVidContainer p .rvFull").show();
	$j(".latViewVidContainer p .rvSmall").hide();
	$j(".latViewVidContainer p .rvSmall2").show();
	// Remove listBut Classes
	$j(".latViewVidContainer p").removeClass("jQuery-recViewA");
	$j(".latViewVidContainer p a").removeClass("jQuery-recViewB");
	$j(".listBut2").removeClass("LbutOFF");
	$j(".gridBut2").removeClass("GbutON");	
	// Add gridBut Classes
	$j(".latViewVidContainer p").addClass("jQuery-recView1");
	$j(".latViewVidContainer p img").addClass("jQuery-recView2");
	$j(".vidTit1").addClass("jQuery-recView3");
	$j(".listBut2").addClass("LbutON");
	$j(".gridBut2").addClass("GbutOFF");	
     })
   .end()
   
   /*
   ==========================================================================================
   */
   // Panel Open / Close

   /*$j(".jqUV").hide();*/
   $j("#UserVideosScrollHeader button.arrowUp").hide();   
     $j("#UserVideosScrollHeader button.wtchArrow").click(function(event){
       $j(".jqUV").toggle();
       $j("#UserVideosScrollHeader button.arrowUp").toggle();  
       $j("#UserVideosScrollHeader button.arrowDown").toggle();         
       return false;
     });
/*---------*/

   /*  $j(".jqRV").hide();  */
   $j("#relatedVideosScrollHeader button.arrowUp").hide();   
     $j("#relatedVideosScrollHeader button.wtchArrow").click(function(event){
       $j(".jqRV").toggle();
       $j("#relatedVideosScrollHeader button.arrowUp").toggle();  
       $j("#relatedVideosScrollHeader button.arrowDown").toggle();         
       return false;
     });
   /*
   ==========================================================================================
   */
   
   $j(".tab-Embed,.tab-Share,.tab-Stats").hide();   
      
     $j("#btn-Info").click(function(event){
	$j(".tab-Info").show();
	$j(".tab-Embed,.tab-Share,.tab-Stats").hide();   
	
	$j("#btn-Info,#btn-Embed,#btn-Share,#btn-Stats").removeClass("atFront");
	$j("#btn-Info,#btn-Embed,#btn-Share,#btn-Stats").addClass("atBack");
	$j("#btn-Info").removeClass("atBack");
	$j("#btn-Info").addClass("atFront");	 
	
	
       return false;
    });  
     $j("#btn-Embed").click(function(event){
	$j(".tab-Info,.tab-Share,.tab-Stats").hide();
	$j(".tab-Embed").show();   
   
     
	$j("#btn-Info,#btn-Embed,#btn-Share,#btn-Stats").removeClass("atFront");
	$j("#btn-Info,#btn-Embed,#btn-Share,#btn-Stats").addClass("atBack");
	$j("#btn-Embed").removeClass("atBack");
	$j("#btn-Embed").addClass("atFront");	
       return false;
    });  
     $j("#btn-Share").click(function(event){
	$j(".tab-Info,.tab-Embed,.tab-Stats").hide();
	$j(".tab-Share").show();   

	$j("#btn-Info,#btn-Embed,#btn-Share,#btn-Stats").removeClass("atFront");
	$j("#btn-Info,#btn-Embed,#btn-Share,#btn-Stats").addClass("atBack");
	$j("#btn-Share").removeClass("atBack");
	$j("#btn-Share").addClass("atFront");	
       return false;
    });  
     $j("#btn-Stats").click(function(event){
	$j(".tab-Info,.tab-Embed,.tab-Share").hide();
	$j(".tab-Stats").show();
	
	$j("#btn-Info,#btn-Embed,#btn-Share,#btn-Stats").removeClass("atFront");
	$j("#btn-Info,#btn-Embed,#btn-Share,#btn-Stats").addClass("atBack");
	$j("#btn-Stats").removeClass("atBack");
	$j("#btn-Stats").addClass("atFront");
       return false;
    });       

     
   
   
   
   
     
});