$(document).ready(function(){
	
	// Contact form
	var $cform = $("#contact_form");
	$cform.find(".send").click(function(){
		var data, valid=true;
		$cform.find(".mandatory").each(function(){
			if (!$.trim($(this).val())) {
				valid = false;
				$(this).focus();
				alert("Please fill out all of the mandatory fields");
				return false;
			}
		});
		if (valid) {
			var data = $cform.find(":input").serialize();
			$.post("/contact.php", data, function(response){
				if (response=="true") {
					$cform.html("<h2>Contact sent</h2>We`ll be in touch shortly.");
				}
				else {
					alert("Oops. Please check your internet connection and try again.");
				}
			});
		}
	});
	
	eripio = new function () {
		var self = this;
		
		var $nav = $("#header .navbar");
		var $canvas = $("#canvas_holder");
		var $pages = $(".page");
		var $button = $("#button_on");
		
		var nav_offset = 306;
		var canvas_width = 1008;
		
		this.move = function(id) {
			var index;
			switch (id) {
				case "home": index=0; break;
				case "who": index=1; break;
				case "what": index=2; break;
				case "how": index=3; break;
				case "contact": index=4; break;
			}
			$canvas.animate({left: (-index)*canvas_width+"px"});
		};
		
		this.mark = function (a) {
			var left, rel, offset=-3;
			$nav.find("a").css({color: "#fff"});
			if (!a) { left = { left: -1000 }; }
			else {
				rel = a.attr("rel");
				left = a.position();
				self.move(rel);
			}
			if (rel=="contact") {
				offset = 3;
			}
			$button.animate({left: (left.left+offset + nav_offset)+"px"}, "fast", function(){
				if (a) a.css({color: "#000"});
			});
		};
		
		// Events
		
		$nav.find("a").click(function(){
			self.mark($(this));
		});
		
		$("#header .star").click(function(){
			self.move("home");
			self.mark(false);
		});
		
		$("#logo").click(function(){
			self.move("home");
			self.mark(false);
		});
	};
	
});