/**/

function formBindInOut(controlId)
{
	var cval = $(controlId).val();
	$(controlId).live('focusin',
			function()
			{				
				if ($(this).val() == cval)
					$(this).val('');
			}
	).live('focusout',
			function()
			{
				if ($(this).val() == '')
					$(this).val(cval);
			}
	);
}

$(document).ready(function() {
	$('.service-hover').css({ opacity: 0 });
	$('.hover').css({ opacity: 0 });
	
	$('.service-hover').mouseenter(function() {

		$(this).find($('li')).css({ opacity: 0, marginTop:17});
		$(this).css({ opacity: 1 });
			$(this).find($('li')).each(function(index) {
				tweenTime = index * 50 + 200;
				delayTime = index * 250;
   				$(this).delay(delayTime).animate({opacity: 1, marginTop:0}, {queue: false, duration:tweenTime, easing:"easeOutQuad"});
  			});
	});
	
	$('.service-hover').mouseleave(function() {
		$(this).animate({ opacity: 0 }, {duration:150, easing:"easeOutQuad"});
	});
	
	$('#works li').mouseenter(function() {
		$(this).find('.zoom').css("top", "80px");
		$(this).find('.name').css("top", "-40px");
		$(this).find('.hover').stop().animate({ opacity: 1 }, {duration:150, easing:"easeOutExpo"});
		$(this).find('.zoom').stop().delay(50).animate({ top:60, opacity: 1 }, {duration:250, easing:"easeOutExpo"});
		$(this).find('.name').stop().delay(50).animate({ top:10, opacity: 1 }, {duration:250, easing:"easeOutExpo"});
	});
	
	$('.hover').mouseleave(function() {
		$(this).stop().animate({ opacity: 0 }, {duration:250, easing:"easeOutExpo"});
		$('.hover').find('.zoom').stop().animate({ top: 100, opacity:0 }, {duration:150, easing:"easeOutExpo"});
		$('.hover').find('.name').stop().animate({ top: -40, opacity:0 }, {duration:150, easing:"easeOutExpo"});
	});

	formBindInOut('#form-callback-name input');
	formBindInOut('#form-callback-phone input');
	formBindInOut('#form-callback-time input');	
	
	formBindInOut('#form-contact-name input');
	formBindInOut('#form-contact-mail input');
	formBindInOut('#form-contact-message textarea');		

	$('#callback-ok').live('click', function() {
		var name = $(this).parent().parent().children().children('#form-callback-name').children().val();
		var phone = $(this).parent().parent().children().children('#form-callback-phone').children().val();
		var time = $(this).parent().parent().children().children('#form-callback-time').children().val();
		
		$('#form-callback input').removeClass('error');
		
		if (name == 'Ваше имя' || $.trim(name) == '')
		{
			//alert('err');
			$('#form-callback-name input').addClass('error');
		}
		if (phone == 'Телефон' || $.trim(phone) == '')
			$('#form-callback-phone input').addClass('error');
		if (time == 'Когда вам перезвонить?' || $.trim(time) == '')
			$('#form-callback-time input').addClass('error');		
		
		if ($('#form-callback input').hasClass('error'))
		    return false;
		
		var params = {};
		params.name = name;
		params.phone = phone;
		params.time = time;
		
		$.getJSON('/post.php', params, function(data) {
			if (data.result == 'ok')
			{
				$('.form-callback').css('display', 'none');
				$('.message-info').css('display', 'none');
				$('.message-sended').show();
				$('.pp_content').css('height', '46px');
				setTimeout(function() {
					$('.pp_close').click();
				}, 1500);
			}
		});
	});	
	
	$('#contact-ok').live('click', function() {
		var name = $(this).parent().parent().children().children('#form-contact-name').children().val();
		var email = $(this).parent().parent().children().children('#form-contact-mail').children().val();
		var message = $(this).parent().parent().children().children('#form-contact-message').children().val();
		
		$('#form-contact input').removeClass('error');
		$('#form-contact textarea').removeClass('error');
		
		var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
		
		if (name == 'Ваше имя' || $.trim(name) == '')
			$('#form-contact-name input').addClass('error');
		if (email == 'E-mail' || $.trim(email) == '' || !email.match(emailRegex))
			$('#form-contact-mail input').addClass('error');
		if (message == 'Сообщение' || $.trim(message) == '')
			$('#form-contact-message textarea').addClass('error');		
		
		if ($('#form-contact input').hasClass('error'))
		    return false;
		if ($('#form-contact textarea').hasClass('error'))
		    return false;

		var params = {};
		params.name = name;
		params.email = email;
		params.message = message;
		
		$.getJSON('/post2.php', params, function(data) {
			if (data.result == 'ok')
			{
				$('.form-contact').css('display', 'none');
				$('.message-info-2').css('display', 'none');
				$('.message-sended-2').show();
				$('.pp_content').css('height', '79px');
				setTimeout(function() {
					$('.pp_close').click();
				}, 1500);			
			}
		});
	});	
	
	$('a#feedback').click(function(){
		$('.form-callback').css('display', 'block');
		$('.message-info').css('display', 'block');
		$('.message-sended').hide();
	});
	
	
});


$(document).ready(function(){
  $("#socials a span, a.anchor span, #clients a span, #how-to a span").css({"opacity" : 0});
//$("#clients a span").css({"opacity" : 0});
 
  $("#socials a, a.anchor, #clients a, #how-to a").hover(function() {
    $(this).children("span").animate({"opacity" : 1}, 600);
  }, function(){
    $(this).children("span").animate({"opacity" : 0}, 600);
  });
  
});

$(document).ready(function(){
$("a[rel^='forms']").prettyPhoto({
	theme: 'pp_default',
	social_tools: false,
	deeplinking: false,
	show_title: true,
	opacity: 0.70,
	allow_resize: true,	
	keyboard_shortcuts: false,
	animation_speed: 'fast',
	markup: '<div class="pp_pic_holder"> \
						<div class="ppt">&nbsp;</div> \
						<div class="pp_top"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
						<div class="pp_content_container"> \
							<div class="pp_left"> \
							<div class="pp_right"> \
								<div class="pp_content"> \
									<div class="pp_loaderIcon"></div> \
									<div class="pp_fade"> \
										<a class="pp_close" href="#">Close</a> \
										<div class="pp_hoverContainer"> \
											<a class="pp_next" href="#">next</a> \
											<a class="pp_previous" href="#">previous</a> \
										</div> \
										<div id="pp_full_res"></div> \
										<div class="pp_details"> \
											<div class="pp_nav"> \
												<a href="#" class="pp_arrow_previous">Previous</a> \
												<p class="currentTextHolder">0/0</p> \
												<a href="#" class="pp_arrow_next">Next</a> \
											</div> \
											<p class="pp_description">111</p> \
											{pp_social} \
											<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
										</div> \
									</div> \
								</div> \
							</div> \
							</div> \
						</div> \
						<div class="pp_bottom"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
					</div> \
					<div class="pp_overlay"></div>'
	});	
});

$(document).ready(function() {
	$("a.anchor").anchorAnimate();
});

jQuery.fn.anchorAnimate = function(settings) {

 	settings = jQuery.extend({
		speed : 600
	}, settings);	
	
	return this.each(function(){
		var caller = this;
		$(caller).click(function (event) {	
			event.preventDefault();
			var elementClick = $(caller).attr("href");
			
			var destination = $(elementClick).offset().top;
			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
				window.location.hash = elementClick;
			});
		  	return false;
		});
	});
};
 

$(document).ready(function() {
	  for (var i = 1; i <= 10; i++) { $('#slider-'+i).codaSlider();}
	  
	  $('ul#works li').click(function(){
		  var workNum = ($(this).attr('class').split('work'))[1];
		  var workId = 'div.works'+workNum;
		  
		  $(workId+' a.goback').attr('id', 'goback'+($(this).attr('class').split('work'))[1]);
 		  $(workId).show();
 		  $(workId).animate({
 			  opacity: 1,
 			  top: '0'
 		  }, {duration: 650, 
 			  easing: 'easeInOutExpo', 
 			  complete: function() {
 			    setTimeout(function() {
 				 $(workId+' .how, '+workId+' .slider').fadeIn(600);
 				 $(workId+' div.coda-slider').css('height', ''); 				 
 			  	}, 300);
 		  	  }
 		     });
 		  return false;
 	  });

      $('a.goback').click(function(){
    	  var workId = 'div.works'+($(this).attr('id').split('goback'))[1];
    	  $(workId+' .how').fadeOut(600);
    	  $(workId+' .slider').fadeOut(600, function() {
    		  setTimeout(function(){    		  
    			  $(workId).animate({
    				  opacity: 1,
    				  top: ($('div.works').css('height').split('px'))[0]
    			  }, {duration: 650, 
    				  easing: 'easeInOutExpo', 
    				  complete: function() { $(workId).hide(); }
    			     }
    			 );
    		  }, 300);
    			  
    	  });
    	  return false;
      });	

});