// JavaScript Document

$.fn.fromLeft = function()
{
	var myObj = $(this);
	
	//had to reset and not float to position with animation
	myObj.hide().css({float: 'none', position: 'absolute'}).each(function(i)
	{
		var myStart = 140 * i;
		
		$(this).animate({left: myStart}, {duration: 1, queue: "global"});
		
		$("this:first").animate({left: "101"}, {duration: 1, queue: "global"});
		
		var myEnd = 241 + (140 * i);
		
		//easeInQuad, easeInCubic, easeInQuart, easeInQuint
		$(this).animate({opacity: "show", left: myEnd}, {duration: 1500, easing: "easeInQuint", queue: "global"}); 
	});
	
	return this;
}

$(document).ready(function()
{
	//animate in header pics
	$('#hdrPics .floatLeft').fromLeft();
});