$(document).ready(function(){

	//enter 1
    $("#in1").bind("mouseenter",function(){
	  $("#box1").removeClass("hidden");
	  $("#box2,#box3").addClass("hidden")  
    });
	
	//enter 2 
    $("#in2").bind("mouseenter",function(){
	  $("#box2").removeClass("hidden");
	  $("#box1,#box3").addClass("hidden")  
    });
	
	//enter 3
    $("#in3").bind("mouseenter",function(){
	  $("#box3").removeClass("hidden");
	  $("#box1,#box2").addClass("hidden")  
    });
	
	
	//leave
    $(".outside").bind("mouseleave",function(){
	  $("#box1,#box2,#box3").addClass("hidden")
	 });

  });