//tab effects

var TabbedContent = {
	init: function() {	
		$(".tab_item").click(function() {
		
			var background = $(this).parent().find(".moving_bg");
			
			$(background).stop().animate({
				top: $(this).position()['top']
			}, {
				duration: 300
			});
		
		});
	}
}

$(document).ready(function() {
	TabbedContent.init();
});

$(document).ready(function() {

	// Fade in first image
	$("#c-one").fadeIn("fast");
	
  	// Enable first tab
    $("#one").click(function () {
    	$(".tabslider ul li").fadeOut("def"); 
    	$("#c-one").fadeIn("slow");
    });
    
    // Enable second tab
    $("#two").click(function () {
    	$(".tabslider ul li").fadeOut("def"); 
    	$("#c-two").fadeIn("slow");
    });
    
    // Enable third tab
    $("#three").click(function () {
    	$(".tabslider ul li").fadeOut("def"); 
    	$("#c-three").fadeIn("slow");
    });
    
    // Enable fourth tab
    $("#four").click(function () {
    	$(".tabslider ul li").fadeOut("def"); 
    	$("#c-four").fadeIn("slow");
    });
    
    // Enable fifth tab
    $("#five").click(function () {
    	$(".tabslider ul li").fadeOut("def"); 
    	$("#c-five").fadeIn("slow");
    });
    
});