$(function(){
	resetPosition();
	startAnimation();
	startImagesAnimation();
	imagesAnimation();
	$("#navContainer li").each(function(i){
		$(this).hover(
			function(){
				$(this).find("div").animate({
					left:"20px",
					top:"-100px"
				}, 200, function() {
    				$(this).animate({
						left:0,
						top:0
					},100);	
				});

				//$(this).find("div").css({"top":-50+"px"});
			},
			function(){
				currentX=$(this).css("left");
			}
		);
	});
	function resetPosition(){
		var xOffset=227;
		$("#navContainer li").each(function(i){
			$(this).css({"left":xOffset+"px"});
			$(this).find("div").css({
				"left":"20px",
				"top":"-100px"
			});
			xOffset+=52;
		});
	}
	function startAnimation(){
		$("#navContainer li.siteLocator div").animate({
				left:0,
				top:0
			},500,function(){
				
			});
			setTimeout(function(){
					$("#navContainer li.about-us div").animate({
						left:0,
						top:0
					},500)
				}
			,100)
			setTimeout(function(){
					$("#navContainer li.branding div").animate({
						left:0,
						top:0
					},500)
				}
			,300)
			setTimeout(function(){
					$("#navContainer li.contact-us div").animate({
						left:0,
						top:0
					},500)
				}
			,500)
			setTimeout(function(){
					$("#navContainer li.employment div").animate({
						left:0,
						top:0
					},500)
				}
			,700)
			setTimeout(function(){
					$("#navContainer li.employee-station div").animate({
						left:0,
						top:0
					},500)
				}
			,900)
			setTimeout(function(){
					$("#navContainer li.fleetcard div").animate({
						left:0,
						top:0
					},500)
				}
			,1300)
			setTimeout(function(){
					$("#navContainer li.resources div").animate({
						left:0,
						top:0
					},500)
				}
			,1500)
			setTimeout(function(){
					$("#navContainer li.in-the-news div").animate({
						left:0,
						top:0
					},500)
				}
			,1700)
			setTimeout(function(){
					$("#navContainer li.faq div").animate({
						left:0,
						top:0
					},500)
				}
			,1900)
		
	}
});

function imagesAnimation(){
	$("#middleArea-cruisers-li").mouseover(function(){
		$("#middleArea-cruisers").hide();
		$("#middleArea-cruisers-roll").show();
	})
	$("#middleArea-cruisers-roll").mouseout(function(){
		$(this).hide();
		$("#middleArea-cruisers").show()
	});
	$("#middleArea-about-li").mouseover(function(){
		$("#middleArea-about").hide()
		$("#middleArea-about-roll").show();
	})
	$("#middleArea-about-roll").mouseout(function(){
		$(this).hide();
		$("#middleArea-about").show()
	});
	$("#middleArea-fleet-li").mouseover(function(){
		$("#middleArea-fleet").hide()
		$("#middleArea-fleet-roll").show();
	})
	$("#middleArea-fleet-roll").mouseout(function(){
		$(this).hide();
		$("#middleArea-fleet").show()
	});
}

function startImagesAnimation(){
	$("#middleArea-cruisers-li").fadeIn("fast",function(){
		$("#middleArea-about-li").fadeIn("fast",function(){
			$("#middleArea-fleet-li").show()
		})
	})
}