// Pixelsilk jQuery Tabs

$(document).ready(function() {
	$('ul#cta li:first ul').fadeIn(500);
	$('ul#cta li:first').addClass('meOver');
	
	// Do the stuff:
	$('ul#cta li').click(
		function() {
			
			//Fade the clicked one in and the others out:
			//$(this).parent().find('ul').fadeOut(250);
			//$(this).find('ul:first').fadeIn(250);
			
			$(this).parent().find('ul').hide();
			$(this).find('ul:first').show();
			
			//Remove the "active" state on tab on non-active tabs and add it to the current active tab:
			$(this).parent().find('li').removeClass('meOver');
			$(this).addClass('meOver');
			return false; // Prevent the user from navigating when clicking on the tab.
	});
	
	// Make it go click:
	$('ul#cta li').find('ul li').click(
		function() {
			location.href = $(this).find('a').attr('href');
	});

});