$(document).ready(function(){
	
	//Main navigation
	$(".home").click(function(){
		$.scrollTo(
			$('#page'),{
			speed: 800
			}
		);
		//colorize($(this));
	});
	
	$(".services").click(function(){
		$.scrollTo(
			$('#services'),{
			speed: 800
			}
		);
		//colorize($(this));
	});
	
	$(".pricing").click(function(){
		$.scrollTo(
			$('#pricing'),{
			speed: 800
			}
		);
		//colorize($(this));
	});
	
	$(".process").click(function(){
		$.scrollTo(
			$('#process'),{
			speed: 800
			}
		);
		//colorize($(this));
	});
	
	$(".aboutus").click(function(){
		$.scrollTo(
			$('#about'),{
			speed: 800
			}
		);
		//colorize($(this));
	});
	
	$(".ourworks").click(function(){
		$.scrollTo(
			$('#ourworks'),{
			speed: 800
			}
		);
		//colorize($(this));
	});
	
	$(".contactus").click(function(){
		$.scrollTo(
			$('#contact'),{
			speed: 800
			}
		);
		//colorize($(this));
	});
	
	$("ul.gallery li").hover(function() { //On hover...
			
			var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'
			
			//Set a background image(thumbOver) on the <a> tag 
			$(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
			//Fade the image to 0 
			$(this).find("span").stop().fadeTo('normal', 0 , function() {
				$(this).hide() //Hide the image after fade
			}); 
		} , function() { //on hover out...
			//Fade the image to 1 
			$(this).find("span").stop().fadeTo('normal', 1).show();
		});

	/* Lightbox Effet */
	$('#gallery a').lightBox();
	
	/* jQuery Filter */
	$('#collection').mobilyselect({
		collection: 'all',
		animation: 'fade',
		duration: 200,
		listClass: 'selecterContent',
		btnsClass: 'selecterBtns',
		btnActiveClass: 'active',
		elements: 'li',
		onChange: function(){},
		onComplete: function(){}
	});

	/* Contact Form */
	$("div.loader").hide();
	$("div.errormsg").hide();
	
	$("form#contactform").submit(function(){

		var ip = $('input#userip').attr('value');
		var name = $('input#name').attr('value');
		var email = $('input#email').attr('value');
		var url = $('input#website').attr('value');
		var subject = $('select#subject').attr('value');
		var msg = $('textarea#message').attr('value');
		var ans = $('input#answer').attr('value');
		
		/* Validate Inputs */
		var witherror;
		var errormsg;
		witherror = false;
			
			//check the name
			if((name == "") || (name == " ")){
				errormsg = "Please write your name.<br />";
				colorize("name");
				witherror = true;
			} else {
				errormsg = "";
				if(!($('input#name').val().match(/^[a-zA-Z ]+$/))){
					errormsg = "Only letters and spaces are accepted for your name.<br />";
					witherror = true;
				} else {
					witherror = false;
					discolorize("name");
				}
			}
			
			//check email
			if((email=="") || ($('input#email').val() == " ")){
				errormsg = errormsg+"Email address is required.<br />";
				colorize("email");
				witherror = true;
			} else {
				var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
				if(!emailReg.test(email)) {
					errormsg = errormsg+"Please use valid email address.<br />";
					witherror = true;
					colorize("email");
				} else {
					discolorize("email");
				}
			}
			//check url
						
			if(!(url=="") && ($('input#website').val() != "http://")){
				var urlReg = /^(ht|f)tps?:\/\/[a-z0-9-\.]+\.[a-z]{2,4}\/?([^\s<>\#%"\,\{\}\\|\\\^\[\]`]+)?$/;
				if(!urlReg.test(url)) {
					errormsg = errormsg+"Please enter valid URL.<br />";
					witherror = true;
					colorize("website");
				} else {
					discolorize("website");
				}
			} else {
				discolorize("website");
			}
			
			//check subject
			
			if((subject=="-- What do you have for us? --") || ($('select#subject').val()=="-- What do you have for us? --")){
				errormsg = errormsg+"Please select your subject.<br />";
				colorize("subject");
				witherror = true;
			} else {
				discolorize("subject");
			}
			
			//check message
			if((msg=="") || ($('textarea#message').val()==" ")){
				errormsg = errormsg+"At least write something.<br />";
				colorize("message");
				witherror = true;
			} else {
				discolorize("message");
			}
			
			//check the anti-bot answer
			var xvalue = $('input#xvalue').attr('value');
			var yvalue = $('input#yvalue').attr('value');
			var useranswer = $('input#answer').attr('value');
			var theanswer = eval(xvalue) + eval(yvalue);
			 
			if(!(useranswer == theanswer)){
				errormsg = errormsg+"Wrong answer.<br />";
				witherror = true;
				colorize("answer");
			} else {
				discolorize("answer");
			}
			
		
		if(witherror){
			$('.errormsg').html('<div class="warningicon"></div><span style="color: #DC3C3C;">PLEASE REVIEW THE FOLLOWING MESSAGE:</span> <br />'+errormsg+'</span>');
			$('.errormsg').slideDown(300).delay(3000).slideUp(300);
		} else {
			
		//	var qString = "userip="+ip+"&name="+name+"&email="+email+"&url="+url+"&subject="+subject+"&msg="+msg+"&action=letitgo";		
			var qString = "userip="+ip+"&name="+name+"&email="+email+"&url="+url+"&subject="+subject+"&msg="+msg+"&action=letitgo";	
			
			$.ajax({
				url: "http://www.ktstudios.com/ajax_controller.php",
				type: "POST",
				data: qString,
				beforeSend: function(){
					$("div.loader").show();
				},
				success: function(data){	
					$("div.loader").hide();
					$('.errormsg').html('<span style="color: #6AD35F; font-size: 15px; font-weight: bold;"><center>MESSAGE SUCCESSFULLY SENT!</center></span>');
					$('.errormsg').slideDown(300).delay(3000).slideUp(300);
				},
				complete: function(){
					/* Clean up form after SENT */
					$('input#name').attr("value","");
					$('input#email').attr("value","");
					$('input#website').attr("value","http://");
					$('select#subject').attr("value","-- Select Subject --");
					$('textarea#message').attr("value","");
					$('input#answer').attr("value","");
				}
			});
		}
		return false;
	});
	
	function colorize(id){
		$('#'+id).css('border','1px solid #DC3C3C');
	}
	
	function discolorize(id){
		$('#'+id).css('border','1px solid #ccc');
	}
	
	
	
	
	
		$('#main_nav li a.home').parent().css('background-color','transparent');
	$(window).scroll(function() {
		var scroll = $(window).scrollTop();
		
		
		
		var frontpage_y = Math.round($("#frontpage").offset().top);
		var services_y = Math.round($("#services").offset().top);
		var pricing_y = Math.round($("#pricing").offset().top);
		var process_y = Math.round($("#process").offset().top);
		var ourworks_y = Math.round($("#ourworks").offset().top);
		var about_y = Math.round($("#about").offset().top);
		var contact_y = Math.round($("#contact").offset().top);
		
		
		
		
		
		if((scroll >= 0) && (scroll < services_y)){
			$('#main_nav li a.home').parent().css('background-color','transparent');
		} else {
			$('#main_nav li a.home').parent().css('background-color','transparent');
		}
		
		if((scroll >= services_y) && (scroll < pricing_y)){
			$('#main_nav li a.services').parent().css('background-color','transparent');
		} else {
			$('#main_nav li a.services').parent().css('background-color','transparent');
		}
		

		if((scroll >= pricing_y) && (scroll < process_y)){
			$('#main_nav li a.pricing').parent().css('background-color','transparent');
		} else {
			$('#main_nav li a.pricing').parent().css('background-color','transparent');
		}
		
		if((scroll >= process_y) && (scroll < ourworks_y)){
			$('#main_nav li a.process').parent().css('background-color','transparent');
		} else {
			$('#main_nav li a.process').parent().css('background-color','transparent');
		}
		
		if((scroll >= ourworks_y) && (scroll < about_y)){
			$('#main_nav li a.ourworks').parent().css('background-color','transparent');
		} else {
			$('#main_nav li a.ourworks').parent().css('background-color','transparent');
		}
		
		if((scroll >= about_y) && (scroll < contact_y)){
			$('#main_nav li a.aboutus').parent().css('background-color','transparent');
		} else {
			$('#main_nav li a.aboutus').parent().css('background-color','transparent');
		}
		
		if(scroll >= contact_y){
			$('#main_nav li a.contactus').parent().css('background-color','transparent');
		} else {
			$('#main_nav li a.contactus').parent().css('background-color','transparent');
		}
		
	});
	
	
	
});