/*
 * Плагин: TTabs (Test-Templates Tabs)
 * Назначение: Создание неограниченного числа вкладок на сайте
 * Версия: 2.0
 * Для активации в коде сайта нужно вставить код jquery: $('селектор').ttabs(); 
 * где в роли селектора может выступать класс, id или любой другой селектор jquery
 * .active-ttab - класс активной вкладки
 * 
 * 
*/

jQuery.fn.ttabs = function(options){
	
	var options = jQuery.extend({

	    activeClass: 'active-ttab' // Класс активной вкладки
	   
	  },options);
	
	return this.each(function() {
			
		$(this).find('.tt-panel:first').show(0);
		$(this).find('.index-tabs span:first').addClass(options.activeClass);
		
		$(this).find('.index-tabs span').click(
			function() {
				$(this).parent().parent().find('.index-panel .tt-panel').hide(0);
				var numEl= $(this).index();
				$(this).parent().parent().find('.index-panel .tt-panel').eq(numEl).show();	
				$(this).parent().find('span').removeClass(options.activeClass);
				$(this).addClass(options.activeClass);
				clickReGetWidth();
			}
		);
		
		$(this).find('.index-tabs span').hover(
			function() {
				$(this).addClass('tabs-hover');
			}, function() {
				$(this).removeClass('tabs-hover');
		});
		
		clickReGetWidth();
		
		// Пересчет значение ширины и, на основе этих значение, сдвиг вкладок
		function clickReGetWidth() {
			var spamS = $('.index-tabs span');
			var spanLeft = 0;
			var spanIndex = 100;
			var spanWidth = 0;
			for (i=0; i<spamS.length; i++)
			{
				var spanWidth = $(spamS[i]).width();
				$(spamS[i]).css({'left' : spanLeft, 'z-index' : spanIndex});
				var spanLeft = spanLeft + spanWidth - 20;
				var spanIndex = spanIndex - 10;
			}
		}
		
	});
	
};