// When the document loads do everything inside here ...
$(document).ready(function(){

	//quote cycle
	$('#taglines').cycle({
		fx: 'fade',
		speed: 1000,
		timeout: 6000,
		slideExpr: 'div'
	});


// Content Tabs
	//hide them all to start 
	$(".boxes").addClass("hide_them"); 
	$("#boxes_1").removeClass("hide_them"); 

	// When a link is clicked
	$("a.tab").click(function () {
		// switch all tabs off
		$(".active").removeClass("active");
		// switch this tab on
		$(this).addClass("active");
		$(this).parent().addClass("active");
		// fade all content out
		$(".boxes").addClass("hide_them"); 
		$(".boxes").removeClass("show_them"); 
		// fade this content in
		var boxes_show = $(this).attr("title");
		$("#"+boxes_show).removeClass("hide_them");
		$("#"+boxes_show).addClass("show_them");
	});
	// end content tabs
	
// Sets hover class to function in IE6
	$('#navigation ul li').hover(function() {
		$(this).addClass('hover');
	}, function() {
		$(this).removeClass('hover');
	});
	// end hover classs
	
	$('#nav li').hover(
		function() {
			$(this).children('div').css({ display: "block"});
			$('a', $(this)).addClass('current');
		}, 
		function() {
			$(this).css({ background: "none"}).children('div').css({ display: "none"});
			$('a', $(this)).removeClass('current');
		}
	);

	

	
	

	
	
});