jQuery(document).ready(function() {

	 
	 jQuery('#tabs ul.tabs-list').tabs();
	


	
});


jQuery.fn.extend({
	tabs: function() {
	
		
		var setNav = jQuery(this).parent().attr('class');
		var tabItem = jQuery(this).children('li');
		var tabItemCnt = tabItem.length;
		var tabItemPos = 1;
		
		jQuery(this).parent().append('<ul id="tabs-nav"></ul>')
		
		if(setNav == 'tabs-1'){
			for(i=0; i< tabItemCnt; i++){
				j = i+1;
				jQuery('#tabs-nav').append('<li class="tab-item"><a href="#tab-'+i+'">'+j+'</a></li>');
			}
			jQuery(tabItem).hide().eq(0).show();
			jQuery('.tab-item').eq(0).addClass('active');
			
			jQuery('.tab-item a').click(function(t){
				t.preventDefault();
				tabItemPos = jQuery(this).attr('href').split('#tab-')[1];
				jQuery('.tab-'+tabItemPos).show().siblings().hide();
				jQuery(this).parent().addClass('active').siblings().removeClass('active');
			});
			
		}
		if(setNav == 'tabs-2'){
			jQuery('#tabs-nav').append('<li class="tab-item tab-prev"><a href="#tab-'+tabItemPos+'" class="tab-prev">&lt; previous</a></li><li class="tab-item tab-next"><a href="#tab-'+tabItemPos+'">next &gt;</a></li>');
		
			jQuery(tabItem).hide().eq(0).show().addClass('active');
			jQuery('.tab-prev a').hide();
			
			
			jQuery('.tab-item a').click(function(g){
				g.preventDefault();
				tabItemPos = jQuery(this).attr('href').split('#tab-')[1];
				tabItemPos = parseInt(tabItemPos);
				jQuery(tabItem).removeClass('active').hide().eq(tabItemPos).show().addClass('active');
				
				tabItemPrev = tabItemPos-1;
				tabItemNext = tabItemPos+1;
				
				if(tabItemPrev == -1){ jQuery('.tab-prev a').hide() }
				else { jQuery('.tab-prev a').show().attr('href', '#tab-'+tabItemPrev); }
				
				if(tabItemNext == tabItemCnt){ jQuery('.tab-next a').hide() }
				else { jQuery('.tab-next a').show().attr('href', '#tab-'+tabItemNext); }
				
			});
		}
		
		
	} // tabs()
});