/* picture navigation */
$(document).ready(function() {
	$(".secondMenu a.firstMenu").animate({left:'0px'},1000)
	$(".secondMenu a.secondMenu").animate({left:'0px'},1500)
	$(".secondMenu a.thirdMenu").animate({left:'0px'},2000)
	$(".secondMenu a.forthMenu").animate({left:'0px'},2500)
		
		$(".secondMenu a").find("span").animate({opacity: 0}, 'slow');
		$(".secondMenu a").find("b").animate({opacity: 1}, 'slow');
		
		$(".secondMenu a").hover(function () {			
			$(this).find("span").animate({opacity: 0.8}, 'slow');
			$(this).find('img').animate({top:'500px'},{queue:false,duration:800});	
		},
		// on mouse out
		function () {
			$(this).find("span").animate({opacity: 0}, 'slow');
			$(this).find('img').animate({top:'-300px'},{queue:false,duration:800});
		});
	});

/*  top navigation */
	$(function() {
		// on mouse over
		$(".menu a").hover(function () {
			// animate opacity to full
			var width = $(this).width();
			$(".menu a").attr('style', '');
			$(".menu a").removeClass('out');
			$(this).addClass('hover');
			$(this).stop().animate({backgroundPosition: width+50}, 700);
		},
		// on mouse out
		function () {
			var width = $(this).width();
			
			$(".menu a").attr('style', '');
			$(".menu a").removeClass('hover');
			$(this).addClass('out');
			$(this).stop().animate({backgroundPosition: width+50}, 700);
		});
	});