// JavaScript Document
$(document).ready(function(){
	$('#btnClickToCall').click(function(){			
		$.createModalBox({
			title: 'Please enter your name and phone number:', 
			height: 'auto', 
			width:450,  
			autoOpen:true, 
			modal:true,
			resizable: false
		})
		$('#mydialog').html('<p style="padding-bottom:0px;"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="150">Name:</td><td><input type="text" name="txtCallName" id="txtCallName" style="width:300px" /></td></tr><tr><td colspan="2" height="5"></td></tr><tr><td>Phone:</td><td><input type="text" name="txtCallPhone" id="txtCallPhone" style="width:300px"/></td></tr><tr><td colspan="2" height="20"></td></tr><tr><td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="font-size:12px;">A patient specialist will call you to answer any questions that you may have.</td><td><img id="btnCallnow" src="images/btn-callnow.jpg" alt="" style="cursor:pointer; padding-right:20px;" /></td></tr></table></td></tr></table></p>');
		$('#mydialog').dialog({position:'center'});	
		
		$('#btnCallnow').click(function(){
			var name=$('#txtCallName').val();
			var phone=$('#txtCallPhone').val();
			if(name==""){
				alert("Please enter name");
				return false;
			}
			if(name.length>30){
				alert("Name should be in 30 characters");
				return false;
			}
			if(phone==""){
				alert("Please enter phone");
				return false;
			}
			if(!ClickPhoneCheck(phone)){
				return false;
			}
			
			$.createModalBox({
				title: 'Please enter your name and phone number:', 
				height: 'auto', 
				width:450,  
				autoOpen:true, 
				modal:true,
				resizable: false});							
				
				$('#mydialog').html('<p align="center" style="padding-top:10px;"><img src="images/loading.gif" border="0"><br>Calling, Please wait...</p>');
				
				$.post('makecall.php','Phone='+phone+'&name='+name,function(data){
				//alert (data);
				
				$.createModalBox({
					title: 'Please enter your name and phone number:', 
					height: 'auto', 
					width:450,  
					autoOpen:true, 
					modal:true,
					resizable: false});	
				
				$('#mydialog').html('<p align="center" style="padding-top:20px;color:#FF0000;">Someone will call you back as soon as possible. Thank you! <br><br> <img id="btnOk" src="images/btn-ok.jpg" alt="" style="cursor:pointer;" /></p>');
				
				$('#btnOk').click(function(){
										   
					$('#mydialog').dialog('close');
					$('#mydialog').remove();
				});
			});
		
		
		});
		

	});

});

$.createModalBox = function(options){
	if ($("#mydialog").length > 0){
		$("#mydialog").remove();
	}
	$('body').eq(0).append('<div id="mydialog"></div>');
	$('#mydialog').dialog(options);
}

function ClickPhoneCheck(strPhone){  	  		  	  		
	strPhone=strPhone.replace(/[^0-9]/g, ''); 
	//if(strPhone.length
	if(strPhone.length<10 || strPhone.length>11){
		alert("Invalid Phone Number");
		return false;
	}
	return true;	  	  	
}