$(document).ready(function(){
    
    	$("#masterplan li").hover(
      function () {
	    $(this).addClass("jhover");
      }, 
      function () {
        $(this).removeClass("jhover");
      }
    );
	
		$("#masterplan").ready(function () {
			$(".p1").addClass("on");
			$(".stageinfo1").show();
       }
    );


    	$(".p5").hover(
      function () {
        $(this).addClass("p5hover");
      }, 
      function () {
        $(this).removeClass("p5hover");
      }
    );	
	
	
	$(".p1").click(function () {
      $(".p1").addClass("on");
	  
	  
	  $(".p2").removeClass(" on");
	  	  $(".stageinfo2").hide();
	  $(".p3").removeClass(" on");
	  	  $(".stageinfo3").hide();
	  $(".p4").removeClass(" on");
	  	  $(".stageinfo4").hide();
	  $(".p5").removeClass("lon");
	  	  $(".stageinfo5").hide();	  
	  $(".stageinfo1").show("fast");
    });
	
	$(".p2").click(function () {
      $(".p2").addClass("on");
	  
	  
	  $(".p1").removeClass(" on");
	  	  $(".stageinfo1").hide();
	  $(".p3").removeClass(" on");
	  	  $(".stageinfo3").hide();
	  $(".p4").removeClass(" on");
	  	  $(".stageinfo4").hide();
	  $(".p5").removeClass("lon");
	  	  $(".stageinfo5").hide();	  
	  
	  $(".stageinfo2").show("fast");
    });
	
	$(".p3").click(function () {
      $(".p3").addClass("on");
	  
	  
	  $(".p1").removeClass(" on");
	  	  $(".stageinfo1").hide();
	  $(".p2").removeClass(" on");
	  	  $(".stageinfo2").hide();
	  $(".p4").removeClass(" on");
	  	  $(".stageinfo4").hide();
	  $(".p5").removeClass("lon");
	  	  $(".stageinfo5").hide();	  
	  
	  $(".stageinfo3").show("fast");
    });	

	$(".p4").click(function () {
      $(".p4").addClass("on");
	  
	  
	  $(".p1").removeClass(" on");
	  	  $(".stageinfo1").hide();
	  $(".p2").removeClass(" on");
	  	  $(".stageinfo2").hide();
	  $(".p3").removeClass(" on");
	  	  $(".stageinfo3").hide();
	  $(".p5").removeClass("lon");
	  	  $(".stageinfo5").hide();	  
	  
	  $(".stageinfo4").show("fast");
    });	
	
	$(".p5").click(function () {
      $(".stageinfo5").show("fast");

	  $(".p1").removeClass(" on");
	  	  $(".stageinfo1").hide();
	  $(".p2").removeClass(" on");
	  	  $(".stageinfo2").hide();
	  $(".p3").removeClass(" on");
	  	  $(".stageinfo3").hide();
	  $(".p4").removeClass(" on");
	  	  $(".stageinfo4").hide();

	  $(".p5").addClass("lon");
	  $(".stageinfo5").show(fast);
	  
    });


  });