/**
 * Custom tabs plugin that aims
 * to be used only when $(jquery).tabs()
 * can't be used due to major css descrepencies
 */

(function($){
	/** Declare function **/
	$.fn.contentTabs = function(settings) {
		 
		 var defaults = {	 				 			
		 			triggerClass: 'triggerTab',
		 			contentClass: 'contentTab',
		 			contentText: 'Content',
		 			callback: null
		 		};

		 if( settings ) {
			 $.extend(defaults, settings);
		 }
		
		return $(this).each( function () {
			
			/** remove any binded events **/
			$(this).unbind('click').bind('click', function  () {
				
				/** Close all content tabs, open the current one **/				
				$('.' + defaults.contentClass).hide();
				$('.' + defaults.triggerClass).removeClass('active');
				$(this).addClass('active');
				if(defaults.callback !== null) {
					eval(defaults.callback(this));
				}
				$('#' + $(this).attr('id') + defaults.contentText).show();
				
				/** Return false so it won't follow href **/
				return false;
			});
		});
	};
})(jQuery);