/**
	Please note:
	This script was written by bebel.
	If you want to use it in your projects, please ask for permission. You can contact us through http://thebebel.com

	This script is an easy to use tabs script without the overhead due by jquery.ui. see default options to know how to use it.

*/
(function($) {
	$.fn.btabs = function(options) {

		var
			tabBox = $(this),
			defaults = {
				'count': 3,
				'active': 1,
				'effect': 'slide',
				'effectTime': 600,
				'debug': false, //if you want to debug your output, set to true or activate via options
				'linkActiveStateClass': 'active', //without dot. (not ".active", but "active")
				'tabWrapperClass': '.tabWrapper'
			},
			settings = $.extend({}, defaults, options),
			a = $('#'+tabBox.attr('id')+'Nav').children().find('a');


		//get and count the links, so we know how many tabs we have to loop.
		var countTabs = a.length;
		if(countTabs != settings.count && settings.debug === true) {
			alert('You told me there were '+settings.count+' Tabs, but I found '+countTabs);
		}
        
		//only display the first tab, if not already done with css.

		toggleTabs('#'+tabBox.attr('id')+"-"+1);

		//remove unwanted css class
		initCss();

		//define what happens on click
		a.click(function() {
			//on click, activate the desired tab and hide every other tab.
			toggleTabs($(this).attr('href'), settings.effect);
			//now activate settings.linkActiveStateClass class
			$(this).addClass(settings.linkActiveStateClass);



			return false;
		});


		function toggleTabs(tab, effect) {

			//toggle display, hide all tabs except the one we want to display.
			for(var i=1;i<=countTabs;i++) {

				switch(effect) {
					case 'slide':
						(tab == '#'+tabBox.attr('id')+"-"+i) ?
							$('#'+tabBox.attr('id')+"-"+i).stop(true, true).slideDown(settings.effectTime) :
							$('#'+tabBox.attr('id')+"-"+i).stop(true, true).slideUp(settings.effectTime);
						break;
					case 'fade':
						(tab == '#'+tabBox.attr('id')+"-"+i) ?
							$('#'+tabBox.attr('id')+"-"+i).stop(true, true).fadeIn(settings.effectTime) :
							$('#'+tabBox.attr('id')+"-"+i).hide();
						break;
					default:

						(tab == '#'+tabBox.attr('id')+"-"+i) ?
							$('#'+tabBox.attr('id')+"-"+i).show() :
							$('#'+tabBox.attr('id')+"-"+i).hide();
						break;
				}
			}
			//remove active state class.

			a.each(function() {
				$(this).removeClass(settings.linkActiveStateClass)
			});

		}

		function initCss() {
			//remove overflow
			$(settings.tabWrapperClass).css('overflow-y', 'none');
			//set position to absolute for nicer fading effect.
			if(settings.effect == 'fade') {
				for(var i=1;i<=countTabs;i++) {
					//$('#'+tabBox.attr('id')+"-"+i).css('position', 'absolute');
				}
			}
			//activate first tab navigation element
			a.first().addClass(settings.linkActiveStateClass);
            
		}

	}

})(jQuery);