// Page scripts

$(document).ready(function() {
	
	$(".pointer").mouseenter(function(){
		
		showOverImage(this);
		
	});
	
	$(".pointer").mouseleave(function(){
		
		showOutImage(this);
		
	});
	
	function showOverImage(id){
		
		var speed = 280;
		
		var name = $(id).attr("id");
		
		//$(id).animate({opacity: 0}, speed+150);
		
		var imageRoll = $(id).children("img").fadeIn(speed);
		
		$(id).children(".pink").fadeOut(speed-50);
		
		$(id).children(".mcover").fadeIn(1);
		
	}
	
	function showOutImage(id){
		
		var speed = 280;
		
		var imageRoll = $(id).children("img").stop(true, true).fadeOut(speed);
		
		$(id).children(".pink").stop(true, true).fadeIn(speed+50);
		
		$(id).children(".mcover").stop(true, true).fadeOut(1);
		
		//alert('out');
		
	}
	
	$("#blog-panel").click(function(){
		
		document.location = 'index.php?page=next-step';
		
	});
	
	$("#fa-panel").click(function(){
		
		document.location = 'index.php?page=goods';
		
	});
	
	$("#team-panel").click(function(){
		
		document.location = 'index.php?page=team';
		
	});
	
	
	
	$("input[type=text]").click(function() {	
		
		checkValueOff(this);
		
		$(this).animate( { backgroundColor: '#F4F4F4' }, 700);

		
	});
	
	$("input[type=text]").blur(function() {	
		
		checkValueOn(this);
		$(this).animate( { backgroundColor: '#FFF' }, 700);
		
	});
	
	$("textarea").click(function() {	
		
		checkValueOff(this);
		
		$(this).animate( { backgroundColor: '#F4F4F4' }, 700);
		
	});
	
	$("textarea").blur(function() {	
			
		checkValueOn(this);
		
		$(this).animate( { backgroundColor: '#FFF' }, 700);
		
	});
	
	
	function checkValueOff(ident){
		
		var value = $(ident).val();
		
		var alt = $(ident).attr("alt");
		
		if(value == alt) {
			
			$(ident).val("");	
			
		}
		
	}
	
	function checkValueOn(ident){
		
		var value = $(ident).val();
		
		var alt = $(ident).attr("alt");
		
		if(value == "") {
			
			$(ident).val(alt);
			
		} 
		
	}
	
	jQuery.fn.extend({
		  scrollTo : function(speed, easing) {
		    return this.each(function() {
		      var targetOffset = $(this).offset().top;
		      $('html,body').animate({scrollTop: targetOffset}, speed, easing);
		    });
		 }
	});
	
	
	var popupStatus = 0;
	
	function centerPopup(){
		
		var windowWidth = document.documentElement.clientWidth;
		
		var windowHeight = document.documentElement.clientHeight;
		
		var popupHeight = $("#popup").height();
		
		var popupWidth = $("#popup").width();
		
		
		$("#popup").css({
			"position": "absolute",
			"top": windowHeight/2-popupHeight/2,
			"left": windowWidth/2-popupWidth/2
		});
	}		
	
	function disablePopup(){
		
		if(popupStatus==1){
			$("#popup").fadeOut("fast");
			popupStatus = 0;
			
			$("#popupWhite").fadeOut("fast");
		}
	}	
	
	function loadPopup(){
		
		if(popupStatus==0){
			$("#popup").fadeIn("fast");
			popupStatus = 1;
			
			$("#popupWhite").fadeIn("fast");
		}
	}		
	
	$("#form-btn").click(function(){
		
		var fname = $('#fname').val();
		
		var lname = $('#lname').val();
		
		var pmail = $('#pmail').val();
		
		var company = $('#company').val();
		
		var subject = $('#subject').val();
		
		if(
				(!fname || fname == 'first name') || 
				(!pmail || pmail == 'e-mail') ||
				(!lname || lname == 'last name') || 
				(!company || company == 'company name') ||
				(!subject || subject == 'primary message')
			)
		{
			
			centerPopup();
			
			loadPopup();
			
			$('#top').scrollTo(400);
			
			return false;
			
		}
		
	});	
	
	$("#comment-send-btn").click(function(){
		
		$('#com-send').scrollTo(400);
		
	});
	
	$("#popup #close").click(function(){
		disablePopup();
	});
	
	$(".pink-button").click(function(){
		disablePopup();
	});
	
	
});