// JavaScript Document
$(document).ready(function() {
	$('.handle').bind("mouseover", function(){
		$(this).css({background:"url(images/blade_sel.png)"});
		$(this).css("cursor","pointer");
	});
	$('.handle').bind("mouseout", function(){
		if( $(this).attr("rel") == "selected"){
			}else{
			$(this).css({background:"url(images/blade.png)"});
			$(this).css("cursor","default");
		}
	});
	$(".handle").bind("click",function() {
		var M_id = $(this).attr("id").replace("hid","");
		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*=catch_content]').animate({className:"catch_content"},500,"backin");						
			$('div[@id*=hdiv]').animate({className:"start"},500,"backin");					
			$('#hdiv'+$(this).attr("id")).animate({className:"end"},500, 'easein');				
			$('#catch_content'+$(this).attr("id")).animate({className:"endcontent"},500,'easein');
			$('.handle[@id*='+$(this).attr("id")+"]").attr("rel","selected");
//		alert (M_id);
		}
	});
	$(".catch_content p").html("");
});