$(function(){
	   
$("#btn1 a, #btn2 a, #btn3 a, #btn4 a, #btn5 a, #btn6 a, #btn7 a, #btn8 a")
	.css( {backgroundPosition: "0 -10px"} )
	.mouseover(function(){
		jQuery(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:200})
	})
	.mouseout(function(){
		jQuery(this).stop().animate({backgroundPosition:"(0 -10px)"}, {duration:300})
	})
	
$("#btn1 a.sel1, #btn2 a.sel1, #btn3 a.sel1, #btn4 a.sel1, #btn5 a.sel1, #btn6 a.sel1, #btn7 a.sel1, #btn8 a.sel1")
	.css( {backgroundPosition: "0 0"} )
	.mouseover(function(){
		jQuery(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:200})
	})
	.mouseout(function(){
		jQuery(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:300})
	})
	
	
	$("#btn1 a").click(function(){
   		$(this).addClass("sel1");
		$("#btn2 a, #btn3 a, #btn4 a, #btn5 a, #btn6 a, #btn7 a, #btn8 a").removeClass("sel1");

});
	$("#btn2 a").click(function(){
   		$(this).addClass("sel1");
		$("#btn1 a, #btn3 a, #btn4 a, #btn5 a, #btn6 a, #btn7 a, #btn8 a").removeClass("sel1");
});
	$("#btn3 a").click(function(){
   		$(this).addClass("sel1");
		$("#btn1 a, #btn2 a, #btn4 a, #btn5 a, #btn6 a, #btn7 a, #btn8 a").removeClass("sel1");
});
	$("#btn4 a").click(function(){
   		$(this).addClass("sel1");
		$("#btn1 a, #btn2 a, #btn3 a, #btn5 a, #btn6 a, #btn7 a, #btn8 a").removeClass("sel1");
});
	$("#btn5 a").click(function(){
   		$(this).addClass("sel1");
		$("#btn1 a, #btn2 a, #btn3 a, #btn4 a, #btn6 a, #btn7 a, #btn8 a").removeClass("sel1");
});
	$("#btn6 a").click(function(){
   		$(this).addClass("sel1");
		$("#btn1 a, #btn2 a, #btn3 a, #btn4 a, #btn5 a, #btn7 a, #btn8 a").removeClass("sel1");
});
	$("#btn7 a").click(function(){
   		$(this).addClass("sel1");
		$("#btn1 a, #btn2 a, #btn3 a, #btn4 a, #btn5 a, #btn6 a, #btn8 a").removeClass("sel1");
});
	$("#btn8 a").click(function(){
   		$(this).addClass("sel1");
		$("#btn1 a, #btn2 a, #btn3 a, #btn4 a, #btn5 a, #btn6 a, #btn7 a").removeClass("sel1");
});

	
});
