$(document).ready(function() {
  		$('#test1').animate({opacity: 1,}, 600, function(){});
		$('#test2').animate({opacity: 0,}, 0, function() {});
 		$('#test3').animate({opacity: 0,}, 0, function() {});
 		$('#test4').animate({opacity: 0,}, 0, function() {});
 		$('#test5').animate({opacity: 0,}, 0, function() {});	
	
	$('#test1btn a').css('backgroundPosition', 'bottom left');
	
	// VLOG BTN1
$('#test1btn a').click(function() {
  		$('#test1').animate({opacity: 1,}, 600, function(){});
		$('#test2').animate({opacity: 0,}, 0, function() {});
 		$('#test3').animate({opacity: 0,}, 0, function() {});
 		$('#test4').animate({opacity: 0,}, 0, function() {});
 		$('#test5').animate({opacity: 0,}, 0, function() {});
		
		 $('#test1btn a').css('backgroundPosition', 'bottom left');
		 $('#test2btn a').css('backgroundPosition', 'top left');
		 $('#test3btn a').css('backgroundPosition', 'top left');
		 $('#test4btn a').css('backgroundPosition', 'top left');
		 $('#test5btn a').css('backgroundPosition', 'top left');
		 
		 $('#test1').css('z-index', '600');
		 $('#test2').css('z-index', '500');
		 $('#test3').css('z-index', '500');
		 $('#test4').css('z-index', '500');
		 $('#test5').css('z-index', '500');
  });
  
  	// VLOG BTN2
$('#test2btn a').click(function() {
  		$('#test1').animate({opacity: 0,}, 0, function(){});
		$('#test2').animate({opacity: 1,}, 600, function() {});
 		$('#test3').animate({opacity: 0,}, 0, function() {});
 		$('#test4').animate({opacity: 0,}, 0, function() {});
 		$('#test5').animate({opacity: 0,}, 0, function() {});
		
		 $('#test1btn a').css('backgroundPosition', 'top left');
		 $('#test2btn a').css('backgroundPosition', 'bottom left');
		 $('#test3btn a').css('backgroundPosition', 'top left');
		 $('#test4btn a').css('backgroundPosition', 'top left');
		 $('#test5btn a').css('backgroundPosition', 'top left');
		 
		 $('#test1').css('z-index', '500');
		 $('#test2').css('z-index', '600');
		 $('#test3').css('z-index', '500');
		 $('#test4').css('z-index', '500');
		 $('#test5').css('z-index', '500');
  });
  
    	// VLOG BTN3
$('#test3btn a').click(function() {
  		$('#test1').animate({opacity: 0,}, 0, function(){});
		$('#test2').animate({opacity: 0,}, 0, function() {});
 		$('#test3').animate({opacity: 1,}, 600, function() {});
 		$('#test4').animate({opacity: 0,}, 0, function() {});
 		$('#test5').animate({opacity: 0,}, 0, function() {});
		
		 $('#test1btn a').css('backgroundPosition', 'top left');
		 $('#test2btn a').css('backgroundPosition', 'top left');
		 $('#test3btn a').css('backgroundPosition', 'bottom left');
		 $('#test4btn a').css('backgroundPosition', 'top left');
		 $('#test5btn a').css('backgroundPosition', 'top left');
		 
		 $('#test1').css('z-index', '500');
		 $('#test2').css('z-index', '500');
		 $('#test3').css('z-index', '600');
		 $('#test4').css('z-index', '500');
		 $('#test5').css('z-index', '500');
  });
  
      	// VLOG BTN4
$('#test4btn a').click(function() {
  		$('#test1').animate({opacity: 0,}, 0, function(){});
		$('#test2').animate({opacity: 0,}, 0, function() {});
 		$('#test3').animate({opacity: 0,}, 0, function() {});
 		$('#test4').animate({opacity: 1,}, 600, function() {});
 		$('#test5').animate({opacity: 0,}, 0, function() {});
		
		 $('#test1btn a').css('backgroundPosition', 'top left');
		 $('#test2btn a').css('backgroundPosition', 'top left');
		 $('#test3btn a').css('backgroundPosition', 'top left');
		 $('#test4btn a').css('backgroundPosition', 'bottom left');
		 $('#test5btn a').css('backgroundPosition', 'top left');
		 
		 $('#test1').css('z-index', '500');
		 $('#test2').css('z-index', '500');
		 $('#test3').css('z-index', '500');
		 $('#test4').css('z-index', '600');
		 $('#test5').css('z-index', '500');
  });
  
        	// VLOG BTN5
$('#test5btn a').click(function() {
  		$('#test1').animate({opacity: 0,}, 0, function(){});
		$('#test2').animate({opacity: 0,}, 0, function() {});
 		$('#test3').animate({opacity: 0,}, 0, function() {});
 		$('#test4').animate({opacity: 0,}, 0, function() {});
 		$('#test5').animate({opacity: 1,}, 600, function() {});
		
		 $('#test1btn a').css('backgroundPosition', 'top left');
		 $('#test2btn a').css('backgroundPosition', 'top left');
		 $('#test3btn a').css('backgroundPosition', 'top left');
		 $('#test4btn a').css('backgroundPosition', 'top left');
		 $('#test5btn a').css('backgroundPosition', 'bottom left');
		 
		 $('#test1').css('z-index', '500');
		 $('#test2').css('z-index', '500');
		 $('#test3').css('z-index', '500');
		 $('#test4').css('z-index', '500');
		 $('#test5').css('z-index', '600');
  });




	
	
	
	
	
	
	
	
		
    });