$(document).ready(function() {
						   

	$(function() {
		$('ul.hover_block li').hover(function(){
			$(this).find('img').animate({top:'300px'},{queue:false,duration:500});
		}, function(){
			$(this).find('img').animate({top:'0px'},{queue:false,duration:500});
		});
		$('ul.hover_block2 li').hover(function(){
			$(this).find('img').animate({left:'300px'},{queue:false,duration:500});
		}, function(){
			$(this).find('img').animate({left:'0px'},{queue:false,duration:500});
		});
	});


});

	  // When the document loads do everything inside here ...
	  $(document).ready(function(){
		
		/*$("a.tab_content").slideUp();*/

		// When a link is clicked
		$("a.tab").click(function () {

			// switch all tabs off
			$(".active").removeClass("active");

			// switch this tab on
			$(this).addClass("active");

			// slide all elements with the class 'content' up
			$(".tab_content").slideUp();

			// Now figure out what the 'title' attribute value is and find the element with that id.  Then slide that down.
			var content_show = $(this).attr("title");
			$("#"+content_show).slideDown();

		});

	  });