$(document).ready(function(){

  $("#saveClientInfo").hide();
	$(".btn-slide").click(function(){      
    $("#panel").slideToggle("slow");    
    });
  
  $("#hello").animate({opacity: "show"}, "fast");
  
  /*-----show tip-----*/
  $(".info").hover(function() {
        $(this).find(".tooltip").animate({opacity: "show", left: "30"}, "fast");
        
    }, function() {
        $(this).find(".tooltip").animate({opacity: "hide", left: "40"}, "slow");
    });
    
   /*-------------------*/   
    
	
   
   
   $("#clientEmail").click(function(){          
    var email=$(this).html();
    email='<input name="client_email" type="text" size=10 placeholder="e-mail" value="'+email+'">';
    $("#clientEmail").parent().html(email);
    $("#saveClientInfo").show();    
    });
    
   $("#clientName").click(function(){          
    var name=$(this).html();
    email='<input name="client_name" type="text" size=10 placeholder="e-mail" value="'+name+'">';
    $("#clientName").parent().html(email);
    $("#saveClientInfo").show();    
    });
  
  });