/****************
.transition
****************/

$(function() {
	$(".transition")
	.find(".opacity")
	.hide()
	.end()
	.hover(function() {
		$(this).find(".opacity").stop().fadeIn();
	}, function() {
		$(this).find(".opacity").stop().fadeOut();
	});
});

/****************
modal window
****************/

$(document).ready(function(){

	//Работаем с блоком #site_development
	$("#consult a").click(function(){
		//Если в этом блоке есть ссылка с класом .link_modal_window, то при клике по ней открывается окно c формой
		if($(this).hasClass("link_modal_window"))
		{
			modal_window("Получите бесплатную консультацию",
					"<script language=JavaScript>\n\
					function validateForm()\n\
					{\n\
					if (document.getElementById('modal_window_content_your_name').value == ''){alert('Представьтесь, пожалуйста, чтобы мы знали как к Вам обращаться');var t=document.getElementById('modal_window_content_your_name');t.focus();return false;}\n\
					if ((document.getElementById('modal_window_content_your_phone').value == '')||(document.getElementById('modal_window_content_your_mail').value == '')){alert('Напишите, пожалуйста, свой телефон и e-mail, чтобы мы могли с Вами связаться');var t=document.getElementById('modal_window_content_your_phone');t.focus();return false;}\n\
					return true;}\n\
					</script>\n\
					<form action='' method='post' id='modal_window_content_form' onsubmit='return validateForm()'>\n\
						<div>\n\
							<label for='modal_window_content_your_name'>Ваше имя</label>\n\
							<input type='text' id='modal_window_content_your_name' name='fio' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_phone'>Телефон</label>\n\
							<input type='text' id='modal_window_content_your_phone' name='cont1' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_phone'>E-mail</label>\n\
							<input type='text' id='modal_window_content_your_mail' name='cont2' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_comment'>Комментарий</label>\n\
							<textarea id='modal_window_content_your_comment' cols='' rows='' name='texts'></textarea>\n\
						</div>\n\
						<input type='hidden' name='soobs5' value='go' />\n\
						<input type='image' id='modal_window_content_form_send' src='/img/send.png' alt='Отправить' />\n\
					</form>");
			return false;
		}
	});


	//Работаем с блоком #site_development
	$("#site_development a").click(function(){
		//Если в этом блоке есть ссылка с класом .link_modal_window, то при клике по ней открывается окно c формой
		if($(this).hasClass("link_modal_window"))
		{
			modal_window("Напишите нам",
					"<script language=JavaScript>\n\
					function validateForm()\n\
					{\n\
					if (document.getElementById('modal_window_content_your_name').value == ''){alert('Представьтесь, пожалуйста, чтобы мы знали как к Вам обращаться');var t=document.getElementById('modal_window_content_your_name');t.focus();return false;}\n\
					if ((document.getElementById('modal_window_content_your_phone').value == '')||(document.getElementById('modal_window_content_your_mail').value == '')){alert('Напишите, пожалуйста, свой телефон и e-mail, чтобы мы могли с Вами связаться');var t=document.getElementById('modal_window_content_your_phone');t.focus();return false;}\n\
					return true;}\n\
					</script>\n\
					<form action='' method='post' id='modal_window_content_form' onsubmit='return validateForm()'>\n\
						<div>\n\
							<label for='modal_window_content_your_name'>Ваше имя</label>\n\
							<input type='text' id='modal_window_content_your_name' name='fio' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_phone'>Телефон</label>\n\
							<input type='text' id='modal_window_content_your_phone' name='cont1' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_phone'>E-mail</label>\n\
							<input type='text' id='modal_window_content_your_mail' name='cont2' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_comment'>Комментарий</label>\n\
							<textarea id='modal_window_content_your_comment' cols='' rows='' name='texts'></textarea>\n\
						</div>\n\
						<input type='hidden' name='soobs3' value='go' />\n\
						<input type='image' id='modal_window_content_form_send' src='/img/send.png' alt='Отправить' />\n\
					</form>");
			return false;
		}
	});

	//Работаем с блоком #feedback
	$("#feedback a").click(function(){
		//Если в этом блоке есть ссылка с класом .link_modal_window, то при клике по ней открывается окно c формой
		if($(this).hasClass("link_modal_window"))
		{
			modal_window("Напишите нам",
					"<script language=JavaScript>\n\
					function validateForm()\n\
					{\n\
					if (document.getElementById('modal_window_content_your_name').value == ''){alert('Представьтесь, пожалуйста, чтобы мы знали как к Вам обращаться');var t=document.getElementById('modal_window_content_your_name');t.focus();return false;}\n\
					if ((document.getElementById('modal_window_content_your_phone').value == '')||(document.getElementById('modal_window_content_your_mail').value == '')){alert('Напишите, пожалуйста, свой телефон и e-mail, чтобы мы могли с Вами связаться');var t=document.getElementById('modal_window_content_your_phone');t.focus();return false;}\n\
					return true;}\n\
					</script>\n\
					<form action='' method='post' id='modal_window_content_form' onsubmit='return validateForm()'>\n\
						<div>\n\
							<label for='modal_window_content_your_name'>Ваше имя</label>\n\
							<input type='text' id='modal_window_content_your_name' name='fio' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_phone'>Телефон</label>\n\
							<input type='text' id='modal_window_content_your_phone' name='cont1' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_phone'>E-mail</label>\n\
							<input type='text' id='modal_window_content_your_mail' name='cont2' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_comment'>Комментарий</label>\n\
							<textarea id='modal_window_content_your_comment' cols='' rows='' name='texts'></textarea>\n\
						</div>\n\
						<input type='hidden' name='soobs3' value='go' />\n\
						<input type='image' id='modal_window_content_form_send' src='/img/send.png' alt='Отправить' />\n\
					</form>");
			return false;
		}
	});



	//Работаем с блоком #seo
	$("#seo a").click(function(){
		//Если в этом блоке есть ссылка с класом .link_modal_window, то при клике по ней открывается окно c формой
		if($(this).hasClass("link_modal_window"))
		{
			modal_window("Заявка на продвижение",
					"<script language=JavaScript>\n\
					function validateForm()\n\
					{\n\
					if (document.getElementById('modal_window_content_your_name').value == ''){alert('Представьтесь, пожалуйста, чтобы мы знали как к Вам обращаться');var t=document.getElementById('modal_window_content_your_name');t.focus();return false;}\n\
					if ((document.getElementById('modal_window_content_your_phone').value == '')||(document.getElementById('modal_window_content_your_mail').value == '')){alert('Напишите, пожалуйста, свой телефон и e-mail, чтобы мы могли с Вами связаться');var t=document.getElementById('modal_window_content_your_phone');t.focus();return false;}\n\
					return true;}\n\
					</script>\n\
					<form action='' method='post' id='modal_window_content_form' onsubmit='return validateForm()'>\n\
						<div>\n\
							<label for='modal_window_content_your_name'>Ваше имя</label>\n\
							<input type='text' id='modal_window_content_your_name' name='fio' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_phone'>Телефон</label>\n\
							<input type='text' id='modal_window_content_your_phone' name='cont' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_phone'>E-mail</label>\n\
							<input type='text' id='modal_window_content_your_mail' name='cont2' />\n\
						</div>\n\
						<div>\n\
							<label for='modal_window_content_your_comment'>Комментарий</label>\n\
							<textarea id='modal_window_content_your_comment' cols='' rows='' name='texts'></textarea>\n\
						</div>\n\
						<input type='hidden' name='soobs4' value='go' />\n\
						<input type='image' id='modal_window_content_form_send' src='/img/send.png' alt='Отправить' />\n\
					</form>");
			return false;
		}
	});

	//close modal window
	$(".modal_window_close").live("click", function(){
		$("#modal_window").effect('puff', 300); //Скорость "расползания" окна при закрытии
		$("#overlay").hide();
	});

});

function modal_window(title, content, top, width, delay){
	top = top ? top : 200; //Указывает, на сколько пикселей сверху выпадает окно
	width = width ? width : 477; //Ширина окна
	delay = delay ? delay : 0; //Задержка после клика по ссылке перед появлением окна

	$("#modal_window").css({top: top + "px", width: width + "px", marginLeft: - Math.round(width / 2) + "px"});
	$("#modal_window #modal_window_title").text(title);
	$("#modal_window #modal_window_content").html(content + "<div class='clear'></div>");
	$("#overlay").show().animate({opacity: 0.75}, 300);
	$("#modal_window").delay(delay).animate({top: "show"}, 1000, "easeOutBounce");
}