// JavaScript Document

$(document).ready(function() {
						   
	$('a.jump').click(function(e){
		e.preventDefault();
		var link = e.target;
		link.blur();
	});
	$('.arrow-forward a').click(function(e){
		e.preventDefault();
		var link = e.target;
		link.blur();
	});
	$('.arrow-back a').click(function(e){
		e.preventDefault();
		var link = e.target;
		link.blur();
	});
	
	$('#submit').click(function(e){
		e.preventDefault();
	});

						   
      $.fn.clearForm = function() {
        return this.each(function() {
          var type = this.type, tag = this.tagName.toLowerCase();
          if (tag == 'form')
            return $(':input',this).clearForm();
          if (type == 'text' || type == 'password' || tag == 'textarea')
            this.value = '';
          else if (type == 'checkbox' || type == 'radio')
            this.checked = false;
          else if (tag == 'select')
            this.selectedIndex = -1;
        });
      };
	  
   $('#emailform').clearForm();



	$.fn.image = function(src){
		return this.each(function(){
		var i = new Image();
		i.src = src;
		this.appendChild(i);
		});
		}
		
	$.scrollTo.defaults.axis = 'x';
		
	$.scrollTo(0, 0);
	
	$.fn.scroll = function() {
		$('#viewer').stop().scrollTo($('.current'), 1500, {easing:'easeOutExpo'});
	};

	$(window).load(function() {
		
		$('.work').each(function(i) {
			$(this).image("images/work" + i + ".png");
								 });
	});
						   
	$('img[@src$=.png]').ifixpng();
	
	$(window).scroll();
	
	$.fn.jumpWork = function() {
		
		var notDisplayed = $('.content:has(".work")').not('.current');
		
		notDisplayed.eq(Math.floor(Math.random() * (notDisplayed.length))).addClass("current");
		$(this).removeClass("current");
	}

	$('#back').click(function() {
		if ( ! ($('.content:first').hasClass("current"))) {
			$('.current').removeClass("current").prev().addClass("current");
			$(window).scroll();
		}
		});
	$('#forward').click(function() {
		if ( ! ($('.content:last').hasClass("current"))) {
			$('.current').removeClass("current").next().addClass("current");
			$(window).scroll();
		}
		});
	$('.jump').click(function() {
		if ( $(this).attr("id") == "ourwork" ) {
			$('.current').jumpWork();
		}
		else {
			$('.current').removeClass("current");
			$('.content:has(".' + $(this).attr("id") + '")').addClass("current");
		}
		$(window).scroll();
		});
	
	$('#submit').click(function() {
		
		var name = $('#emailform #name').attr('value');
		var email = $('#emailform #email').attr('value');
		var subject = $('#emailform #subject').attr('value');
		var message = $('#emailform #message').attr('value');
		
		var emailRegEx = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;

		if (name == "") {
			$('#feedback').html('<em>Please enter your name.</em>');
			$('#name').focus();
			return false;
		}
		if (subject == "") {
			$('#feedback').html('<em>Please enter a subject.</em>');
			$('#subject').focus();
			return false;
		}
		if (message == "") {
			$('#feedback').html('<em>Please send us a brief note!</em>');
			$('#message').focus();
			return false;
		}
		if (!(emailRegEx.test(email))) {
			$('#feedback').html('<em>Please enter a valid email address.</em>');
			$('#email').focus();
			return false;
							  }

		$('#feedback').html('Sending message...');

		$.post('mailer.php', {
			   name : $('#emailform #name').attr('value'),
			   email : $('#emailform #email').attr('value'),
			   subject : $('#emailform #subject').attr('value'),
			   message : $('#emailform #message').attr('value') },
			   
			   function() {
				   $('#feedback').html('Thank you for your message!');
				   $('#emailform').clearForm();
			   });
	});
	
});