JS вкладки

Добрый день. В JS мало что понимаю, но понимания хватило на то что бы взять готовый скрипт и немножко поправить. Это вкладки на страницы.

Все работает только вот есть проблема. Хочу что бы положение закладки сохранялось. Сейчас по умолчанию открывается первая. Есть идеи использовать куки… Но как не знаю… Да что уж тут… И разбираться времени нет… Подскажите пожалуйста кому не трудно.

body {margin-top: 0px; margin-left: 0px}

 .bmc{font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; border-right:solid #CCCCCC 1px; border-bottom:solid #CCCCCC 1px; padding:1px 5px;cursor:hand;}
 
 .bmcsel{font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; border-right:solid #CCCCCC 1px; border-bottom:solid #CCCCCC 1px; padding:1px 5px;background: #E2E2E2;}
 
 .bm{font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; padding:`px 5px;width:300px;background: #FFFFFF;margin-top:3px;}

 setbm = function(){
    var i = 2;
    while(document.getElementById('bm'+i)!=null){
      document.getElementById('bm'+i).style.display='none';
      i++;
    }
  }
  actbm = function(aid){
    var i = 1;
    while(document.getElementById('bm'+i)!=null){
      if(i!=aid){
        document.getElementById('bm'+i).style.display='none'; 
        document.getElementById('bmc'+i).className='bmc'; 
      } else {
        document.getElementById('bm'+i).style.display='block';
        document.getElementById('bmc'+i).className='bmcsel';
      }
      i++;
    }
  }

<div>
  <table width="939" height="31" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="190" bgcolor="#F4F4F4" class="bmcsel" id="bmc1" onclick="actbm(1)"><div align="center">Главная</div></td>
    <td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc2" onclick="actbm(2)"><div align="center">Каталог товаров</div></td>
    <td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc3" onclick="actbm(3)"><div align="center">Предоставляемые услуги</div></td>
	<td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc4" onclick="actbm(4)"><div align="center">Об интернет-магазине</div></td>
    <td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc5" onclick="actbm(5)"><div align="center">Правила работы</div></td>
    <td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc6" onclick="actbm(6)"><div align="center">Контакты</div></td>
    <td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc7" onclick="actbm(7)"><div align="center">Новости, статьи</div></td>
  </tr>
</table>
  <div id="bm1" class="bm">Содержимое вкладки 1</div>
  <div id="bm2" class="bm">Содержимое вкладки 2</div>
  <div id="bm3" class="bm">Содержимое вкладки 3</div>
  <div id="bm4" class="bm">Содержимое вкладки 4</div>
  <div id="bm5" class="bm">Содержимое вкладки 5</div>
  <div id="bm6" class="bm">Содержимое вкладки 6</div>
  <div id="bm7" class="bm">Содержимое вкладки 7</div>
</div>

setbm();

setbm = function(){
    var i = 2;
    while(document.getElementById('bm'+i)!=null){
      document.getElementById('bm'+i).style.display='none';
      i++;
    }
  }
  actbm = function(aid){
    var i = 1;
    while(document.getElementById('bm'+i)!=null){
      if(i!=aid){
        document.getElementById('bm'+i).style.display='none'; 
        document.getElementById('bmc'+i).className='bmc'; 
      } else {
        document.getElementById('bm'+i).style.display='block';
        document.getElementById('bmc'+i).className='bmcsel';
      }
      i++;
    }
  }
 

А куда все это дело которые вы предложили вставить в этом коде?

После первого нажатия на вкладку. Т.е. пока нажатия на вкладку нет… то и куки нет… (например как при за хаоде на страничку) Как только вкладка нажата то записать в куки… Нажали на другую вкладку - переписать куки.

smv, ну вот ты сам на свой вопрос и ответил.
на онклик вешай ф-ию, которая будет ложить в куку ид.
типа

<a href="#" id="my_cool_tab" onclick="return myFunction(this)";>Tab_1</a>
<javascript>
    function myFunction(element) {
        var el_id; // get id of specified element
        setCookie(el_id); // set this id to cookie
    }
</javascript>

На ссылку событие онклик вешать не хочу. У меня событие онклик есть на ячейку таблицы onclick="actbm(1)". По нажатию срабатывает функция которая и отвечает за выбор табов. (за присвоение им соответствующих стилей)

setbm = function(){
    var i = 2;
    while(document.getElementById('bm'+i)!=null){
      document.getElementById('bm'+i).style.display='none';
      i++;
    }
  }
  actbm = function(aid){
    var i = 1;
    while(document.getElementById('bm'+i)!=null){
      if(i!=aid){
        document.getElementById('bm'+i).style.display='none'; 
        document.getElementById('bmc'+i).className='bmc'; 
      } else {
        document.getElementById('bm'+i).style.display='block';
        document.getElementById('bmc'+i).className='bmcsel';
      }
      i++;
    }
  }
 

Вопрос такой… Вот есть у меня ячейка таблицы и ее id.

<td width="190" bgcolor="#F4F4F4" class="bmcsel" id="bmc1" onclick="actbm(1)"><div align="center">Главная</div></td>

каким свойством и какого объекта надо воспользоваться что бы выдернуть id?

а может кто нибудь подскажет как этот скрипт подправить?
В частности вот эту часть:

setbm = function(){
    var i = 2;
    while(document.getElementById('bm'+i)!=null){
      document.getElementById('bm'+i).style.display='none';
      i++;
    }
  }
  actbm = function(aid){
    var i = 1;
    while(document.getElementById('bm'+i)!=null){
      if(i!=aid){
        document.getElementById('bm'+i).style.display='none'; 
        document.getElementById('bmc'+i).className='bmc'; 
      } else {
        document.getElementById('bm'+i).style.display='block';
        document.getElementById('bmc'+i).className='bmcsel';
      }
      i++;
    }
  }

да не лень… просто с javascript туговато у меня. Логика впринципе понятна… а синтаксис не очень… Ну если задача за 5 минут решается может поможете все таки? Очень бы вам был бы благодарен ))))))