// JavaScript Document

$(document).ready(function(){
	var agent=navigator.userAgent.toLowerCase();
	var is_iphone = (agent.indexOf('iphone')!= -1);
	//var is_iphone = true;
	if (is_iphone) {
		$('#footer').addClass("footer_iphone");	
	}else{
		$('#footer').addClass("footer_normal");
	}
	$('.small_thumb').click(onSmallThumbClick);	
	$('#send_btn').click(onSendButtonClick);

	$('a').attr('target','_blank');
	
	$('#name').click(onFormItemClick);
	$('#email').click(onFormItemClick);
	$('#message').click(onFormItemClick);
	
	$('#name').focus(onFormItemClick);
	$('#email').focus(onFormItemClick);
	$('#message').focus(onFormItemClick);
	
	$('#about_link').click(togglePages);
	$('#projects_link').click(togglePages);
	$('#about_page').hide();
	$('#projects_link').css( {backgroundPosition: "0 0"} )
	$('#about_link').css( {backgroundPosition: "-76px 0"} )
	
	<!-- Gross Google Code -->
	try {
		var pageTracker = _gat._getTracker("UA-9231742-1");
		pageTracker._trackPageview();
	} catch(err) {}
	
});

var selectedPage = "projects_link";

function togglePages(event){
	if(event.target.id != selectedPage){
		if(selectedPage == 'projects_link'){
			$('#projects_page').hide();
			$('#about_page').show();
		}else{
			$('#projects_page').show();
			$('#about_page').hide();
		}
		$('#'+selectedPage).css( {backgroundPosition: "-76px 0"} );
		selectedPage = event.target.id;
		$('#'+selectedPage).css( {backgroundPosition: "0 0"} );
	}
}	
 
function onSmallThumbClick(event){
	var selectedImage = $(event.target); 
	var selectedImageParent = $(event.target).parent();
	selectedImageParent.find(".small_thumb").removeClass("small_thumb_selected");
	var largeImage = $(selectedImageParent.parent()).children()[3];
	largeImage.src = selectedImage[0].src.replace("/small/", "/large/");
	selectedImage.addClass("small_thumb_selected");
}

function onSendButtonClick(event){
	if(validateForm()){
		$('#fields').hide();
		$('#response').show();
		var name = $('#name').attr('value');
		var email = $('#email').attr('value');
		var message = $('#message').attr('value');
		var key = "893312-0aji1220-0012";
		$.post("email.php", {name:name,email:email,message:message,key:key});
	}
}

function onFormItemClick(event){
	var formItemValue = $(event.target).attr("value");
	if(formItemValue == "Enter Your Name" || formItemValue == "Enter Your Email" || formItemValue == "Enter A Message"){
		$(event.target).addClass('form_input_selected');
		$(event.target).attr("value","");
	}
}

function validateForm(){
	if($('#name').attr('value') ==  "Enter Your Name" || $('#name').attr('value').length < 1){
		alert("Please enter your name so I know what to call you!");
		return false;
	}
	if($('#email').attr('value') ==  "Enter Your Email" || $('#email').attr('value').length < 1 || $('#email').attr('value').search("@") < 0){
		alert("Gotta have a correct email address to mail you back!");
		return false;
	}
	if($('#message').attr('value') ==  "Enter A Message" || $('#message').attr('value').length < 1){
		alert("Now that we've come this far, I need a message!");
		return false;
	}
	return true;	
}

<!-- Gross Google Code -->
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));