$(document).ready(function() {

$('.handle').bind("mouseover", function(){
								 
								  $(this).css({background:"url(images/blade_sel.png)"});
								 
												  });
$('.handle').bind("mouseout", function(){
								    if( $(this).attr("rel") == "selected"){
									}else{
								   		$(this).css({background:"url(images/blade.png)"});
									}
												 });
$(".handle").bind("click",function() {
									
					if($('.handle[@id*='+$(this).attr("id")+"]").attr("rel") != "selected"){
					$('.handle').attr("rel","");
					
					$('.handle').css({background:"url(images/blade.png)"});
					$(this).css({background:"url(images/blade_sel.png)"});
					
					
					$('div[@id*=content]').animate({className:"content"},500,"backin");						
					$('div[@id*=hdiv]').animate({className:"start"},500,"backin");					
					$('#hdiv'+$(this).attr("id")).animate({className:"end"},500, 'easein');				
					$('#content'+$(this).attr("id")).animate({className:"endcontent"},500,'easein');
					
					$('.handle[@id*='+$(this).attr("id")+"]").attr("rel","selected");
					}
									
			});
  });