// JavaScript Document

var nameval='как нам к Вам обращатся?';
var emailval='адрес электронной почты, которую Вы регулярно проверяете';
var phoneval='например: +38 050 1409144';

function isValidEmailAddress(emailAddress) {
                        var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
                        return pattern.test(emailAddress);
                    }
                    $('.phone').keyup(function() {
                        this.value = this.value.replace(/[^0-9\+]/g, '');
                    });

function ExecuteService(params, url, callbackSuccess, callbackError) {
                        $.ajax({
                            type: "POST",
                            url: url,
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            data: params,
                            success: callbackSuccess,
                            error: callbackError
                        });
}


$(document).ready(function(){
   save();

$("#email").keyup(function() {
                            var email = $("#email").val();
                            if (email != 0) {
                                if (isValidEmailAddress(email))
                                { $("#validEmail").css({ "background-image": "url('http://designit.com.ua/images/validYes.png')" }); }
                                else
                                { $("#validEmail").css({ "background-image": "url('http://designit.com.ua/images/validNo.png')" }); }
                            }
                            else
                            { $("#validEmail").css({ "background-image": "none" }); }
                        });

$("#name").keyup(function() {
                            var len = $('#name').val().length;
                            if (len >= 4) {
                                $("#validName").css({ "background-image": "url('http://designit.com.ua/images/validYes.png')" }); }
                                else
                                { $("#validName").css({ "background-image": "url('http://designit.com.ua/images/validNo.png')" }); }
                        });   
$('#phone').keyup(function() {
                        this.value = this.value.replace(/[^0-9\+]/g, '').replace(/\+\+/gi, "+");
                    });

$('#name').focus(function(){
if($('#name').val()==nameval) 
{
$('#name').val('');
$('#name').removeClass('red');
}
});
$('#name').focusout(function(){
if($('#name').val()=='' || $('#name').val().length<4) 
{
$('#name').val(nameval);
$('#name').addClass('red');}
});

$('#email').focus(function(){
if($('#email').val()==emailval) 
{
$('#email').val('');
$('#email').removeClass('red');
}
});
$('#email').focusout(function(){
if($('#email').val()=='' || $('#email').val().length<4) 
{
$('#email').val(emailval);
$('#email').addClass('red');}
});

$('#phone').focus(function(){
if($('#phone').val()==phoneval) 
{
$('#phone').val('');
$('#phone').removeClass('gray');
}
});
$('#phone').focusout(function(){
if($('#phone').val()=='' || $('#phone').val().length<4) 
{
$('#phone').val(phoneval);
$('#phone').addClass('gray');}
else this.value = this.value.replace(/[^0-9\+]/g, '').replace(/\+\+/gi, "+");
});

});

$(document).ready(function(){
	if($(document).width() < 1100){
		$('body').css({width: '1100px'})
		//$('#yellow').css({position: 'absolute'})
		$(document).bind('scroll', function(){
			$('#yellow').css({left: -1*document.documentElement.scrollLeft+'px'})
		})
	}
	$('div.photo img').lazyload();
	var count = $('div.num').size()
	$('div.num').each(function(){
		$(this).text(count--)
	})
$('div.photo>img').mouseenter(function(){
	  var url = $(this).parent('div.photo').siblings('h3').children('a').attr('href');
		if(url === undefined){
			return
		}
		$(this).wrap(function(){
		  return '<a href="'+url+'" target="_blank" />'
		});
	});
});
$(window).load(function(){
	
});
function openBreif(){
  $('#breif').fadeIn(300);
   setDefault();
}
function closeBreif(){
  if( $('#foo').is(':visible') ) hidensave();
  $('#breif').fadeOut(300);
}

function save(){
 var name = $('#name').val().replace(' ', '').replace("'", "");
 var email = $('#email').val().replace(' ', '').replace("'", "");
 var phone = $('#phone').val().replace(' ', '').replace("'", "");
 var date = $('#text').val().replace("'", "");

 if (!isValidEmailAddress(email)) return;
 var len = $('#name').val().length; if (len < 4) return;
 $('#inner-brief').hide(); 
 $('#request-loader').html('<img src="http://designit.com.ua/images/request-loader.gif" alt="Идет отправка письма. Подождите." title="Идет отправка письма. Подождите." /><p>Отправка заявки. Подождите.</p>');
 
var params = "{name:'" + name + "',email:'" + email + "',phone:'" + phone + "',text:'" + date + "'}";
                        ExecuteService(
            params,
            "http://designit.com.ua/WebServices/Services.asmx/SendContactsRequest",
           send_request_onComplite,
           send_request_onErrorMessage
            );

}
function hidensave(){
 var name = $('#name').val().replace(' ', '').replace("'", "");
 var email = $('#email').val().replace(' ', '').replace("'", "");
 var phone = $('#phone').val().replace(' ', '').replace("'", "");
 var date = $('#text').val().replace("'", "");
 
 if(email==emailval & date=='' ) return;

 var params = "{name:'" + name + "',email:'sk@irbp.com.ua',phone:'" + phone + "',text:'" + date + "'}";
                        ExecuteService(
            params,
            "http://designit.com.ua/WebServices/Services.asmx/SendContactsRequest",
           send_requesthiden_onComplite,
           send_requesthiden_onErrorMessage
            );

}
function send_requesthiden_onComplite(){}
function send_requesthiden_onErrorMessage(){}

 function send_request_onComplite(){
 $('#request-loader').html('<p>Заявка отправлена успешно.<br /> В ближайшее время мы свяжемся с вами.</p>');
 }
 function send_request_onErrorMessage(){alert('Ошибка! Пожалуйста свяжитесь с нами по почте mail.designit@gmail.com');}

function setDefault(){
   $('#name').val(nameval);
   $('#name').addClass('red');
   $('#email').val(emailval);
   $('#email').addClass('red');
   $('#phone').val(phoneval);
   $('#phone').addClass('gray');
   $('#text').val('');
   $("#validName").css({ "background-image": "none" });
   $("#validEmail").css({ "background-image": "none" });
   $('#inner-brief').show();
   $('#request-loader').html('');
}