/*функция для работы со вкладками*/

(function($) {
$(function() {

 $('ul.tabs').each(function() {
  $(this).find('li').each(function(i) {
      $(this).click(function(){
    $(this).addClass('current').siblings().removeClass('current');
    var p = $(this).parents('div.section:first');
    p.find('>div.box').hide();
    p.find('>div.box:eq('+i+')').show();
      });
  });
    });

})
})(jQuery)

/*Правила обьявления вкладок в HTML:

	<div class="section">	- блок вкладок
		<ul class="tabs">	- блок наименований вкладок
			<li class="current">.1.</li>	- название активной (class="current") вкладки 1
			<li>.2.</li>	- название вкладки 2
			<li>.3.</li>	- название вкладки 3
				...
			<li>.N.</li>	- название вкладки N
		</ul>				- закрытие блока наименований вкладок
		<div class="box visible">	- содержимое вкладки 1 (class="box") (visible - по умолчанию сначала видима)
			...содержимое вкладки 1...
		</div>
		<div class="box">	- содержимое вкладки 2
			...содержимое вкладки 2...
		</div>
		<div class="box">	- содержимое вкладки 3
			...содержимое вкладки 3...
		</div>
		...
		<div class="box">	- содержимое вкладки N
			...содержимое вкладки N...
		</div>
	</div> - закрытие блока вкладок

т.е. сначала перечисляем наименования вкладок, затем в том-же порядке перечисляем их содержимое
*/