$(document).ready(function() {
							// do stuff when DOM is ready
	$('.home-tab')
		.mouseover(function(){
			$(this).animate({top:"460px"}, {duration:300 })
		})
		.mouseout(function(){
			$(this).animate({top:"460px"}, {duration:300, complete:function(){
				$(this).animate({top:"445px"}, {duration:100 })
			}})
		})
		
		
	$('.tab')
		.mouseover(function(){
			$(this).animate({top:"17px"}, {duration:300 })
		})
		.mouseout(function(){
			$(this).animate({top:"17px"}, {duration:300, complete:function(){
				$(this).animate({top:"32px"}, {duration:100 })
			}})
		})	



	$('#shape-home-1')
		.mouseover(function(){
			$('#home-title-1').css( "background-position","0 -56px" ); 
		})
		.mouseout(function(){
			$('#home-title-1').css( "background-position","0 0" ); 
		})
	$('#shape-home-2')
		.mouseover(function(){
			$('#home-title-2').css( "background-position","0 -55px" ); 
		})
		.mouseout(function(){
			$('#home-title-2').css( "background-position","0 0" ); 
		})
	$('#shape-home-3')
		.mouseover(function(){
			$('#home-title-3').css( "background-position","0 -56px" ); 
		})
		.mouseout(function(){
			$('#home-title-3').css( "background-position","0 0" ); 
		})
	$('#shape-home-4')
		.mouseover(function(){
			$('#home-title-4').css( "background-position","0 -30px" ); 
		})
		.mouseout(function(){
			$('#home-title-4').css( "background-position","0 0" ); 
		})




	$("#chained")
		.scrollable({circular: true, mousewheel: false, vertical: true}).navigator().autoscroll({
		interval: 5000		
	});	
	
	
	$("img[rel]").overlay();
	$("span[rel]").overlay();

	
	
 });