jQuery(document).ready(function(){
	$("#nav_commercials").jCarouselLite({
		visible: 4,
		start: 0,
		btnPrev: "#nav_prev_nav_commercials > a",
		btnNext: "#nav_next_nav_commercials > a"	
	});
	$("#nav_testimonials").jCarouselLite({
		visible: 4,
		start: 0,
		btnPrev: "#nav_prev_nav_testimonials > a",
		btnNext: "#nav_next_nav_testimonials > a"	
	});
	$("#nav_extras").jCarouselLite({
		visible: 4,
		start: 0,
		btnPrev: "#nav_prev_nav_extras > a",
		btnNext: "#nav_next_nav_extras > a"
	});

	$("#nav_timelines").jCarouselLite({
		visible: 4,
		start: 0,
		btnPrev: "#nav_prev_nav_timelines > a",
		btnNext: "#nav_next_nav_timelines > a"
	});


	showNav();
	$('a.tab_buttons').click(function(){
		$('.tab_buttons').removeClass('current');
		$('.tab_buttons').css("background-position","left top");//for IE6
		$(this).addClass('current');
		$(this).css("background-position","center bottom");//for IE6
		showNav();
		return false;
	})
	function showNav(){
		$('#nav_title li a').each(function(){
			if($(this).hasClass('current'))
				$('#'+$(this).attr('rel')).show();
			else 
				$('#'+$(this).attr('rel')).hide();
		})
	}		

	
	$('.tip_hover').hover(function(){
		var id = $(this).attr('id').split('_')
		$("#tooltip p").html($("#"+id[0]).html());
		
		var eleOffset = $(this).offset();
		
		
		$("#tooltip").css("margin-left", eleOffset.left-($('body').width()-$(".wrapper").width())/2-200) 
		
		$("#tooltip").show();
	}, function(){
		$("#tooltip").hide();
	})
})