function book(bte, productID) {
	preCall(bte, productID);

};
function preCall(bte, productID) {
	div=bte.parentNode;
	div.parentNode.old=$(div).clone();
	inputID="clientName"+Math.round(Math.random()*1000000000000);
	str="<div class='box MKBox'><p class='MKMessage'>Please write your name, and then click button: </p><span class='input'><label for='"+inputID+"'>Name : </label><span class='input_text'><input type='text' class='clientName required' name='clientName' id='"+inputID+"'/><span class='mandatory'>*</span></span><span class='clearer'><span> </span></span></span>";
	str+="<span class='button cancel'><input type='button' onclick='unPreCall(this, "+productID+");' value='Cancel' class='bte'/></span>";
	str+="<span class='button submit'><input type='button' onclick='bookCall(this, "+productID+")' value='Confirm' class='bte'/></span>";
	str+="</div>";	
	$(bte.parentNode).replaceWith(str);
};
function unPreCall(bte, productID) {
	div=bte.parentNode.parentNode;
	$(div).replaceWith(div.parentNode.old);
	
}
function bookCall(bte, productID) {
	function process() {

	};
	function request () {	
		var div=bte.parentNode.parentNode;
		/*alert(div.nodeName+" "+div.className);*/
		var clientName=$(".clientName",div).val();
		if(clientName && clientName!="") {			
			str=url+'book/'+productID+'?random='+Math.random(100000);
			$(div).load(str, {clientName : clientName});
		} else {
			alert("please write your name");
		}
		
		
		
	};
	request ();
	
};