//
    // 	Dragr: 			Tabs function
	//	Author: 		Concept M
	//	Version:		v.1.0
    //	Description:	turns a ul into a carroussel

(function($) {
      $.fn.tabs = function(options) {
        var opts 	= $.extend({}, $.fn.tabs.defaults, options);
        
        return this.each(function() {
        	var headers 	= $(this).find(opts.header);
        	var contents	= $(this).find('div.inner');
        	var tabs_html	= '';
        	var curr_tab	= -1;
        	var el			= this;
        	
        	$.each(headers, function(index, value) {
        		tabs_html += '<li><span>' + value.innerHTML + '</span></li>';
        		$(value).hide();
    		});
        	tabs_html = '<ul class="tabslist">' + tabs_html + '</ul>';
        	$(this).append(tabs_html);
        	$(this).addClass(opts.el_class)
        	
        	
        	$.each($(this).find('ul.tabslist li'), function(index, value) {
        		$(value).click(function(){
        			showTab(index);
        		});
        	});
        	showTab(contents.length - 1);
        	
        	function showTab(nr){
        		if(nr != curr_tab){
        			var tabs = $(el).find('ul.tabslist li');
        			
        			
        			if(curr_tab != -1){
        				$(contents[curr_tab]).hide();
        				$(tabs[curr_tab]).removeClass('active');
        			}
        			$(contents[nr]).show();
        			$(tabs[nr]).addClass('active');
        			
        			curr_tab = nr;
        		}
        	}
        	
        });
      };  
        
		// plugin defaults
      $.fn.tabs.defaults = {
		  	header:		'h3',
		  	el_class:	'tabs'
	  };
       
		
    })(jQuery);