Msg = function(){
}
Msg.inform = function(msg) {
	//$('#msgbox').modal();
	//$('#msgbox-description').html(msg);
}
Msg.errors = function(errors) {
	//var s = errors.length>1;
	//$('#msgbox').modal();
	//$('#msgbox-description').html('Ошибк'+(s?'и':'а')+":\n"+(s?'<br/>':'')+errors.join("<br />\n"));
}

var handler = {};
var failed  = {};

$(handler).bind('feedback', function(f, e){
	alert('Ваша заявка отправлена!\n Мы с вами свяжемся в ближайшее время.');
});
$(failed).bind('feedback', function(f, e){
	if (e.errors.name) {
		$('#calc-form input[name=name]').addClass('error').one('change', function(){
			$(this).removeClass('error');
		});
	}
	if (e.errors.phone) {
		$('#calc-form input[name=phone]').addClass('error').one('change', function(){
			$(this).removeClass('error');
		});
	}
	alert('Сообщение не отправлено\nПожалуйста исправьте поля с ошибками и попробуйте снова');
})

var defaultHandler = function(){
	var url = $(this).attr('action');
	$.post(url, $(this).serialize(), function(e){
		
		if (e.result) {
			if (e.hdr!="") {
				$(handler).trigger(e.hdr, [e]);
			}
		} else {
			var se = true;
			if (e.hdr) {
				var event = $.Event(e.hdr);
				$(failed).trigger(event, [e]);
				if (event.isDefaultPrevented()) {
					se = false;
				}
			}
			if (se && e.errors) {
				errors = [];
				for(var i in e.errors) {
					errors.push(e.errors[i]);
				}
				Msg.errors(errors);
			}
		}
	}, 'json');
	return false;
};

$(document).ready(function(){
	// show submenu for Services
	$('.services').hover(function() {
		$(this).addClass('active');
	}, function() {
		$(this).removeClass('active');
	});

	$(document.body).prepend(
		'<div id="send">\
			<div class="container">\
				<form method="post" action="/feedback/">\
					<input type="hidden" name="form" value="order" />\
					<ul>\
						<li><input type="text" name="name" class="textfield" value="Представьтесь пожалуйста" /></li>\
						<li><textarea name="text" cols="30" rows="10">Ваши комментарии…</textarea></li>\
						<li><input type="image" src="/i/send/button.png" class="button" /></li>\
					</ul>\
				</form>\
			</div>\
		</div>'			
	);
	$('#send input[name=name], #send textarea').blur(function(){
		if (this.value=='') {
			this.value = $(this).attr('prev');
			$(this).attr('prev', '');
		}
	}).focus(function(){
		if (!$(this).attr('prev')) {
			$(this).attr('prev', this.value);
			this.value = '';
		}
	});
	
	$('form').submit(defaultHandler);
});