[lord2kim]

petlyra5,

<link rel="stylesheet" href="/callme/callme.css" type="text/css">
<script type="text/javascript" src="/callme/jquery.min.js"></script>
<script type="text/javascript" src="/callme/jquery.storage.js"></script>
<script type="text/javascript" src="/callme/callme.js"></script>

<div id="callme"><input id="viewform" type="button"></div>
<div id="callmeform" class="hide-off"><div id="cme_cls"></div><h6><font color="#03539C"><span class="btn1">Заказать обратный звонок</span></font></h6>
<table cellpadding="0" cellspacing="0">
<tbody><tr><td>Ваше имя</td></tr>
<tr><td><input class="txt" maxlength="150" id="cname" value="" type="text"></td></tr>
<tr><td>Телефон</td></tr>
<tr><td><input class="txt" maxlength="150" value="+7-" id="cphone" type="text"></td></tr>
<tr><td>Вопрос или комментарий</td></tr>
<tr><td><input class="txt" maxlength="1000" id="ccmnt" type="text"></td></tr>
<tr><td>

<!--<input class="btn" value="Перезвоните мне" type="button">--></td>
</tr>
</tbody></table>
<div id="callme_result"></div>
</div>

jQuery(function(){
jQuery("#viewform").click(function(){
	jQuery("#callmeform").fadeToggle("fast");
});

jQuery("#cme_cls").click(function(){
	jQuery("#viewform").click();
});

jQuery("#viewform").hover(
	function () { 
		jQuery(this).addClass("callmeform_hover");
	},
	function () {
		jQuery(this).removeClass("callmeform_hover");
	}
);
});

function sendMail() {
	var cnt = jQuery.Storage.get('callme-sent'); // getting last sent time from storage
	if (!cnt) { cnt = 0; }
	
	jQuery.getJSON("/callme/index.php", {
		cname: jQuery("#cname").val(), cphone: jQuery("#cphone").val(), ccmnt: jQuery("#ccmnt").val(), ctime: cnt, url: location.href }, function(data) {	
		message = "<div class='" + data.cls + "'>" + data.message +"</div>";
		jQuery("#callme_result").html(message);
		
		if (data.result == "success") {
			jQuery.Storage.set("callme-sent", data.time);
			jQuery("#callmeform .btn").attr("disabled", "disabled");
			setTimeout( function(){ jQuery("#viewform").click(); }, 10000);
			setTimeout( function(){ jQuery("#callmeform .txt").val(""); }, 10000);
		}
	});
//	}
}

jQuery(document).ready(function(){

jQuery("#callmeform .txt").focus(function(){
	//jQuery(this).val("");
});

jQuery("#callmeform .btn1").click(function(){
	jQuery("#callme_result").html("<div class='sending'>Отправка...</div>");
	setTimeout( function(){ sendMail(); }, 2000);
	//setTimeout( function(){ jQuery(this).attr('disabled', ''); }, 5000);
	return false;
});	
});