$(document).ready(function(){
				//Set the selector in the first tab
				$(".container_sliding .TabMenu span:first").addClass("selector");
				//Basic hover action
				$(".container_sliding .TabMenu span").mouseover(function(){
					$(this).addClass("hovering");
				});
				$(".container_sliding .TabMenu span").mouseout(function(){
					$(this).removeClass("hovering");
				});				
				//Add click action to tab menu
				$(".container_sliding .TabMenu span").click(function(){
					//Remove the exist selector
					$(".selector").removeClass("selector");
					//Add the selector class to the sender
					$(this).addClass("selector");
					//Find the width of a tab
					var TabWidth = $(".TabContent:first").width();
					if(parseInt($(".TabContent:first").css("margin-left")) > 0)
						TabWidth += parseInt($(".TabContent:first").css("margin-left"));
					if(parseInt($(".TabContent:first").css("margin-right")) >0)
						TabWidth += parseInt($(".TabContent:first").css("margin-right"));
					//But wait, how far we slide to? Let find out
					var newLeft = -1* $("span").index(this) * TabWidth;
					//Ok, now slide
					$(".AllTabs").animate({
						left: + newLeft + "px"
					},1000);
				});
});

		$(document).ready(function(){
				$('.boxgrid_firstpage.caption_firstpage').hover(function(){
					$(".cover_firstpage", this).stop().animate({top:'20px'},{queue:false,duration:120});
				}, function() {
					$(".cover_firstpage", this).stop().animate({top:'95px'},{queue:false,duration:120});
				});
		});