//Homepage Tabs		
(function($) {
		$.fn.smoothTabs = function(fadeSpeed) {
				// Clicked tab class
				var $tabscurrent = 'tabscurrent';
				// Hidden div class
				var $tabshidden = 'tabshidden';
				// Visible div class
				var $tabsvisible = 'tabsvisible';

				// Makes first tab current, hides all divs and fades in the first one
				this.each(function() {
						$("ul li:first", this).addClass($tabscurrent);
						$(this).find("div").addClass($tabshidden);
						$('div:first', this).fadeIn(fadeSpeed)
							.addClass($tabsvisible)
							.removeClass($tabshidden);
				});

				// Tab click function
				$('ul li', this).click(function() {
						var $parentUl = $(this).parent();
						var $parentDiv = $($parentUl).parent();
						$('li', $parentUl).removeClass($tabscurrent);
						$(this).addClass($tabscurrent);
						var $clickedIndex = $('li', $parentUl).index(this);
						var $currentDiv = $('div', $parentDiv).get($clickedIndex);

						// If current tab is clicked - we're done
						if ($($currentDiv).attr('class') == $tabsvisible) {
								return false;
						}

						// Current div is replaced by the selected one
						$('.' + $tabsvisible, $parentDiv).fadeOut(fadeSpeed, function() {
								$($currentDiv).fadeIn(fadeSpeed).addClass($tabsvisible).removeClass($tabshidden);
						});
						$('.' + $tabsvisible, $parentDiv).removeClass($tabsvisible).addClass($tabshidden);
				});
		};
})(jQuery);
		
$(document).ready(function() {
  $('.smoothtabs').smoothTabs(180);
});


