/* -----------------------------------------------------------------------------
 * 	Function: Work Scroller
 * 	Purpose:  Scroll through work samples
 * ---------------------------------------------------------------------------*/
$(document).ready(function() {

	var spacing = 680;
	
	$('#featured-work').css({
		'height': '600px',
		'overflow': 'hidden'
	}).find('ul#work li').css({
		'float': 'none',
		'position': 'absolute',
		'left': 2040
	});

	var setUpSamples = function() {
		var $samples = $('ul#work li');
		
		$('div.prev').unbind('click');
		$('div.next').unbind('click');

		$samples.eq(0).css({'left': 0, 'opacity': 0.6});
		$('div.prev').click(function(event) {
			$samples.eq(0).animate({'left': spacing, 'opacity': 1.1}, 'medium');
			$samples.eq(1).animate({'left': spacing * 2, 'opacity': 0.6}, 'medium');
			$samples.eq(2).animate({'left': spacing * 3}, 'medium');
			$samples.eq($samples.length - 1).css({'left': -spacing, 'opacity': 0.6}).animate({'left': 0}, 'medium', function() {
				$(this).prependTo('ul#work');
				setUpSamples();
			});
			event.preventDefault();
		});
		
		$samples.eq(2).css({'left': spacing * 2, 'opacity': 0.6});
		$('div.next').click(function(event) {
			$samples.eq(0).animate({'left': -spacing}, 'medium', function() {
				$(this).appendTo('ul#work');
				setUpSamples();
			});
			$samples.eq(1).animate({'left': 0, 'opacity': 0.6}, 'medium');
			$samples.eq(2).animate({'left': spacing, 'opacity': 1.0}, 'medium');
			$samples.eq(3).css({'left': spacing * 3, 'opacity': 0.6}).animate({'left': spacing * 2}, 'medium');
			event.preventDefault();
		});
	
		$samples.eq(1).css('left', spacing);
	
	};
	
	setUpSamples();

});


/* -----------------------------------------------------------------------------
 * 	Function: Contact Form Field Hover
 * 	Purpose:  Highlights form field containers when focus is applied to field
 * ---------------------------------------------------------------------------*/
$(document).ready(function() {
	$('fieldset p input, fieldset p textarea').focus(function() {
		$(this).parents('p').addClass('inputHover');
	});
	$('fieldset p input, fieldset p textarea').blur(function() {
		$(this).parents('p').removeClass('inputHover');
	});
});