function deactivatetab(tab){
$(tab).setStyle('padding-bottom','5px');
$(tab).setStyle('background-color','#f7f7f7');
$(tab).setStyle('color','#333333');
 var tabname = $(tab).get('name');
var tabobj = $(document.body).getElementById(tabname);
// $(tabobj).setStyle('display', 'none'); /* если не используем Fx просто прячем блок */
// Эффекты можно отключить или изменить - просто комментируем две следующие строки
var myfx = new Fx.Slide(tabobj);
myfx.hide();
} 
function activatetab(tab){
$(tab).setStyle('padding-bottom','5px');
$(tab).setStyle('background-color','#cc0000');
$(tab).setStyle('color','#ffffff');
var mytab = $(tab).get('name');
$(mytab).setStyle('display', 'block');
// Эффекты можно отключить или изменить - просто комментируем две следующие строки
var myfx = new Fx.Slide(mytab);
myfx.slideIn();
} 
function tabclick(tabobj){
//читаем имя текущего блока вкладок
var parent = tabobj.getParent('div[name^=blocktabs]');
// узнаём активную ранее вкладку
var obj = $(parent).get('name');
var oldtabid = Cookie.read(obj);
 
var oldobj = $(parent).getElementById(oldtabid);
deactivatetab(oldobj);
activatetab(tabobj);
Cookie.write(obj, $(tabobj).get('id') );
}
 
function tabinit(){
//ищем все блоки вкладок
var blockname = $(document.body).getElements('div[name^=blocktabs]');
//ищем все вкладки внутри блоков
blockname.each(function(bel){
var tabs = $(bel).getElements('li[name^=tab]');
//добавляем обработку клика для каждой вкладки
tabs.each(function(el){ el.addEvent('click', function(e){
e.stop();
tabclick(el);
});
});
 
//читаем куки для блока вкладок
var TabCookie = Cookie.read($(bel).get('name'));
if(TabCookie == null){
// если не установлены указываем активную первую вкладку
TabCookie = $(tabs[0]).get('id');
Cookie.write($(bel).get('name'), $(tabs[0]).get('id') );
}
// делаем вкладку активной
tobj = $(bel).getElementById(TabCookie);
activatetab(tobj);
});
}
 
window.addEvent('domready', tabinit);