jQuery(document).ready(function(){
           
          $("#header").addClass('header1');
          
          $("#bk-links a").click(function(){
               var val = $(this).attr("value");
             	    			
             
             if($("#header").hasClass(val)){
                  	//$("#output").html("this already has " + val);
                  	return false;

             } else{
                  
                  $("#header").animate({opacity: 0}, 250,function(){
                       $("#header").removeClass()
                       .animate(
                       {opacity: 1}, "slow", 
                       	function(){
							$(this).animate({backgroundPosition:"-=15px"}, "fast").fadeIn("slow").addClass(val);	
								
						});//close tags
						
                       $("#output").html(val);

               });//closing tag for the else clause

                  

             }
                    
               
           });//closing tag for click function
           
                   $("#button").click(function(){
                   
                   $("#output").html("click");
					                  

                 })
                   
                   $("#left-button").click(function(){
                   
                   $("#output").html("left click");
					                  

                 })
 
                 

 });