//JQuery Commands
$(document).ready(function(){
	//Append expand/close and not human, meaning JS is enabled
	//$("p.expand_txt span.white_link a").text("Expand to view");
	//$(".blue_link a").text("Close");
	$(".prevnext").append("<a class=\"prevbtn\" href=\"#\">Previous image</a> &#124; <a class=\"nextbtn\" href=\"#\">Next image</a>");
	//$("form").append("<textarea name=\"nothuman\" rows=\"4\" cols=\"47\">Wait...seriously? Please explain...</textarea>");
	//CSS Rules-meaning js is enabled
	$("#work,#about,#contact").css("margin-bottom","0");
	$("#work,#about,#contact").css("border-bottom","none");
	$("p.visible:not(p.visible:first)").hide();
	//Remove anchors
	$('a.work').attr('href',"#");
	$('a.about').attr('href',"#");
	$('a.contact').attr('href',"#");
	
	//Make the main navigation work and fade in
	$(".work").addClass("active");
	$("#about").hide();
	$("#contact").hide();
	$(".work").click(function(){
		$(".about").removeClass("active");
		$(".contact").removeClass("active");
		$("#about").hide();	
		$("#contact").hide();
		$(".work").addClass("active");
		$("#work").show();
		return false;
	});
	$(".about").click(function(){
		$(".work").removeClass("active");
		$(".contact").removeClass("active");
		$("#work").hide();					   	
		$("#contact").hide();	
		$(".about").addClass("active");
		$("#about").show();
		return false;
	});
	$(".contact").click(function(){
		$(".about").removeClass("active");
		$(".work").removeClass("active");
		$("#work").hide();					   	
		$("#about").hide();	
		$(".contact").addClass("active");
		$("#contact").show();
		return false;
	});
	
	//Make images switch
	$("#work div img").nextAll("img").hide();
	/*$("#work div img").css("cursor","pointer");
	$("#work div img.nochange").css("cursor","default");
	$("img").click(function(){
		if(this.getAttribute('class') != 'nochange') {
			if(this.getAttribute('name') == 'last') {
				$(this).hide();
				$(this).siblings("img[name=first]").animate({opacity: "show"}, 200);
			}else {
				$(this).hide();
				$(this).next("img").animate({opacity: "show"}, 200);
			}
		}
		return false;
	});*/
	
	//Next Previous btns
	$(".nextbtn").click(function(){
		var target = $(this).parent().siblings("img:visible").attr('class');
		target = parseInt(target);
		var newtarget = target+1;
		if($(this).parent().siblings('img[class=' + target  + ']').attr('name') == 'last') {
			$(this).parent().siblings("img").hide();
			$(this).parent().siblings('img[class=1]').animate({opacity: "show"}, 200);
		}else {
			$(this).parent().siblings("img").hide();
			$(this).parent().siblings('img[class=' + newtarget  + ']').animate({opacity: "show"}, 200);
		
		}
		return false;
	});
	$(".prevbtn").click(function(){
		var target = $(this).parent().siblings("img:visible").attr('class');
		target = parseInt(target);
		var newtarget = target-1;
		if($(this).parent().siblings('img[class=' + target  + ']').attr('name') == 'first') {
			$(this).parent().siblings("img").hide();
			$(this).parent().siblings('img[name=last]').animate({opacity: "show"}, 200);
		}else {
			$(this).parent().siblings("img").hide();
			$(this).parent().siblings('img[class=' + newtarget  + ']').animate({opacity: "show"}, 200);
		
		}
		return false;
	});
	
	
	//Expand Menus
	/*$("#work p.text").hide();
	$(".close_txt").hide();
	$(".expand_txt").click(function(){
		$(this).prev().slideDown("fast");
		$(this).hide();
		$(this).next().show();
		return false;
	});
	$(".close_txt").click(function(){
		$(this).prev().prev().hide();
		$(this).hide();
		$(this).prev().show();
		return false;
	});*/
	
	//Form
	//$("[name=nothuman]").hide();
	//$("[name=human]").keyup(function (e) {
//		var valofinput = $("[name=human]").val();
//		if(valofinput.toLowerCase() == 'no') {
//			$("[name=nothuman]").show("fast");
//		}else {
//			$("[name=nothuman]").hide("fast");
//		}
//	});
	
	//Erase default, but not what user inputs
	var name=0;
	var email=0;
	var message = 0;
	var human2 = 0;
	//var human3 = 0;
	//Name
	$("[name=name]").focus(function () {
         if(name==0) {
		 	$(this).val("");
			name=1;
		 }
    });
	$("[name=name]").blur(function () {
		if($(this).val() == "") {
			$(this).val("Your name...")
			name=0;
		}else {
			$(this).removeClass("error");		
		}
    });
	//email
	$("[name=email]").focus(function () {
         if(email==0) {
		 	$(this).val("");
			email=1;
		 }
    });
	$("[name=email]").blur(function () {
		if($(this).val() == "") {
			$(this).val("Your email...")
			email=0;
		}else {
			$(this).removeClass("error");	
		}
    });
	//message
	$("[name=message]").focus(function () {
         if(message==0) {
		 	$(this).val("");
			message=1;
		 }
    });
	$("[name=message]").blur(function () {
		if($(this).val() == "") {
			$(this).val("A message...")
			message = 0;
		}else {
			$(this).removeClass("error");	;	
		}
    });
	//human?
	$("[name=human]").focus(function () {
         if(human2==0) {
		 	$(this).val("");
			human2=1;
		 }
    });
	$("[name=human]").blur(function () {
		if($(this).val() == "") {
			$(this).val("My home planet is?")
			human2=0;
		}else {
			$(this).removeClass("error");	
		}
    });
	//not human?!
//	$("[name=nothuman]").focus(function () {
//         if(human3==0) {
//		 	$(this).val("");
//			human3=1;
//		 }
//    });
//	$("[name=nothuman]").blur(function () {
//		if($(this).val() == "") {
//			$(this).val("Wait...Seriously? Please explain...")
//			human3=0;
//		}else {
//			$("[name=nothuman]").removeClass("error");	
//		}
//    });
	
	//Form
	$("form").submit(function() {
		//Are all required fields filled?
		$("#error,#email,#human").text(" ");
		var send1 = 0;
		var send2 = 0;
		var send3 = 0;
		var send4 = 0;
		var send5 = 0;
		var send6 = 0;
		var arr = new Array($("[name=name]").val(),$("[name=email]").val(),$("[name=message]").val(),$("[name=human]").val());
		//Check the email!
		var re = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
		if(!re.test(arr[1])) {
			$("#email").css("margin-top","-8px");
			$("[name=email]").addClass("error");
			$("#email").text("Please insert a valid email.");
			send1 = 1;
		}else {
			send1 = 0;	
		}
		//Check to see if they left defaults as values
		if(arr[0] == "Your name...") {
			$("#error").text("Please fill out all fields.");
			$("[name=name]").addClass("error");
			send2=1;
		}else {
			send2=0;	
		}
		if(arr[1] == "Your email...") {
			$("[name=email]").addClass("error");
			$("#error").text("Please fill out all fields.");
			send3=1;
		}else {
			send3=0;	
		}
		if(arr[2] == "A message...") {
			$("[name=message]").addClass("error");
			$("#error").text("Please fill out all fields.");
			send4=1;
		}else {
			send4=0;	
		}
		//Check the human question
		if(arr[3].toLowerCase() != "earth") {
			$("#human").css("margin-top","-8px");
			$("#human").text("I do not allow non-humans to email me at this time.");
			$("[name=human]").addClass("error");	
			send5=1;	
		}else {
			$("#human").css("margin-top","0px");
			send5=0;
		}
		//All stages of validation are clear, send the email
		if(send1==0 && send2==0 && send3==0 && send4==0 && send5==0 && send6 == 0) {
			var data = $("#contact_form").serialize();
			$("form").hide();
			$("#error").append("Sending...");
			$.ajax({
                  type: "POST",
                  url: "send_email.php",
				  data: data,
                  success: function(data){
						 $("#error").text("Thank you for your email. I will respond as quick as I can.");
                  }
            });
		}
		return false;
    });
});