var x = 0;
      	var t;
      	
      	$(".ul_plan_list li").click(function(event){
      		event.preventDefault();
      		clearTimeout(t);
      		var id = $(this).attr("class").substr(10, 1);
      		
      		for(var i = 0; i < 5; i++)
      		{
      			if($("#planbtn_" + i).hasClass("plan_list_" + i + "_on")) {
               	$("#planbtn_" + i).removeClass("plan_list_" + i + "_on");
               	$("#planbtn_" + i).addClass("plan_list_" + i);
            	}
   			}
      		
      		
      		if($(this).hasClass("plan_list_" + id)) {
            	$("#planbtn_" + id).removeClass("plan_list_" + id);
            	$("#planbtn_" + id).addClass("plan_list_" + id + "_on");
         	}
            
            show_plan(id);
      	});
      	
      	function show_plan(id)
      	{
      		for(var i = 0;i < 5;i++)
      		{
      				document.getElementById("plan_" + i).style.display = "none";
      		}
      		document.getElementById("plan_" + id).style.display = "block";
      	}

			
			function auto_slider()
      	{
      		var id = x % 5;
      		
      		for(var i = 0; i < 5; i++)
      		{
      			if($("#planbtn_" + i).hasClass("plan_list_" + i + "_on")) {
               	$("#planbtn_" + i).removeClass("plan_list_" + i + "_on");
               	$("#planbtn_" + i).addClass("plan_list_" + i);
            	}
   			}
      		
      		
      		if($("#planbtn_" + id).hasClass("plan_list_" + id)) {
            	$("#planbtn_" + id).removeClass("plan_list_" + id);
            	$("#planbtn_" + id).addClass("plan_list_" + id + "_on");
         	}
            
            show_plan(id);
            
      		x++;
      		t = setTimeout('auto_slider()', 5000);
      	}