// JavaScript Document
function slide(){
	/* Initialize */
	function init(){
		$(".nav .sub").each(function() {
                //$(this).css("border", "1px dotted #FF0066");
				$(this).css({display:"none", position:"absolute", left:"100px", opacity:0});
    	});
		$(".nav .title").attr("active",false);
		
	}
	init();
	
	
	function animateCloseActives(){
		
		var lis = $(".title").get();		
		for (var i = 0; i < lis.length; i++) {
			$(lis[i]).css({backgroundPosition:"right 0px"});
			$(lis[i]).attr("active","false");
		}
		
		
		var lis2 = $(".sub").get();	
		
		for (var j = 0; j < lis2.length; j++) {
			$(lis2[j]).animate({left: "115px", opacity: 0}, 300);
		}
		
		
		
		//$(".title").attr("active",false);	
	}
	
	
	$(".nav .title").bind("mouseenter",function(){
		$(this).css({backgroundPosition:'right -15px'});		
	}).bind("mouseleave",function(){
	  if( $(this).attr("active") == 'false'){	
	  	$(this).css({backgroundPosition:"right 0px"});
	  }
      //$(".title",this).css({color:"#ffffff"});
	  //$(".sub",this).each(function() {
		//		$(this).css({display:"inline"}).animate({
		//		left: "100px",opacity:0},300);
        //});
	});
	
	
	$('.title').mousedown(function(){
		if( $(this).attr("active") == 'false'){
			animateCloseActives();
			$(this).attr("active","true");
			$(this).css({backgroundPosition:'right -15px'});
			var lis = $(this).siblings(".sub").get();		
			for (var i = 0; i < lis.length; i++){
				$(lis[i]).css({display:"inline"}).animate({left: 135+(i)*25,opacity:1},300+i*75);
			}
		}else{
			$(this).attr("active",false);
			var lis = $(this).siblings(".sub").get();
			for (var i = 0; i < lis.length; i++){
				$(lis[i]).animate({left: "115px",opacity:0},300);
			}
			
		}
	 })
	

}