Cookie для выдвижных блоков
 

Ребят, ну помогите, бьюсь не могу куки прикрутить

Есть 5 панелей, открываются по клику меню
Нужно сделать запоминание состояния панелей.

<script src="/cookie.js"></script>  

 <ul class="navigation" >
 <li class="inset_header1" id="inset_header1" onClick="click_header_inset(1);"><a href="#"><div class="icon"><i class="fa fa-home"></i></div>пункт 1</a></li>
 <li class="inset_header2" id="inset_header2" onClick="click_header_inset(2);"><a href="#"><div class="icon"><i class="fa fa-pencil"></i></div>пункт 2</a></li> 
 <li class="inset_header3" id="inset_header3" onClick="click_header_inset(3);"><a href="#"><div class="icon"><i class="fa fa-picture-o"></i></div>пункт 3</a></li>
 <li class="inset_header4" id="inset_header4" onClick="click_header_inset(4);"><a href="#"><div class="icon"><i class="fa fa-user"></i></div>пункт 4</a></li> 
 <li class="inset_header5" id="inset_header5" onClick="click_header_inset(5);"><a href="#"><div class="icon"><i class="fa fa-envelope-o"></i></div>пункт 5</a></li>
 </ul>

<div class="block_inset">

 <div class="inset_num" id="inset_num1">
 <div class="inset_content">
 <h2>Блок пункта 1</h2>     
 </div>
 </div>
 <div class="inset_num" id="inset_num2">
 <div class="inset_content">
 <h2>Блок пункта 2</h2> 
 </div> 
 </div>
 <div class="inset_num" id="inset_num3">
 <div class="inset_content">
 <h2>Блок пункта 3</h2>
 </div>
 </div>
 <div class="inset_num" id="inset_num4">
 <div class="inset_content">
 <h2>Блок пункта 4</h2>
 </div>
 </div> 
 <div class="inset_num" id="inset_num5">
 <div class="inset_content">
 <h2>Блок пункта 5</h2>
 </div>
 </div>  
   
 </div>

num_inset_motor=0;
flag_inset_motor=0;
time_pause_motor=1;
delta_x=10;
set_motor=false;
id_settimeout=0;
open_inset_num=0;
next_open_num=0;
width_header=0;

function click_header_inset(n_inset)
  {
   
   if (!set_motor)
     {
      next_open_num=0;
      if (open_inset_num==0)
        { 
         num_inset_motor=n_inset;
         flag_inset_motor=1;
         set_motor=true;
         motor_inset();
    
        }
       else
         {
          if (n_inset!=open_inset_num) next_open_num=n_inset;
          num_inset_motor=open_inset_num;
          flag_inset_motor=-1;
          set_motor=true;
          motor_inset();
          
         }
     }
    else
      {
       clearTimeout(id_settimeout);
       if (n_inset==num_inset_motor)
         {
          flag_inset_motor*=-1;
          motor_inset();

         }
        else
          {
           next_open_num=n_inset;
           if (flag_inset_motor>0)
             {
              flag_inset_motor=-1;
            
             }
           motor_inset();
          }
      }
  }

function motor_inset()
  {
   if (num_inset_motor==0) return;
   if (flag_inset_motor==0) return;
   obj_name="inset_num"+num_inset_motor;
   obj_inset=document.getElementById(obj_name);
   x_inset_motor=obj_inset.offsetLeft;
   
   x_inset_motor+=flag_inset_motor*delta_x;
   
   if (flag_inset_motor>0)
     {
      if (x_inset_motor>0)
        {
         x_inset_motor=0;
         set_motor=false;
         open_inset_num=num_inset_motor;

        }
     }
    else
      {
       if (x_inset_motor<=width_header-obj_inset.offsetWidth)
         {
          x_inset_motor=width_header-obj_inset.offsetWidth;
          set_motor=false;
          open_inset_num=0;
          if (next_open_num>0)
            {
             
             num_inset_motor=next_open_num;
             next_open_num=0;
             flag_inset_motor=1;
             set_motor=true;
          
            }
         }
       
      }
   obj_inset.style.left=x_inset_motor+"px";

   if (set_motor)
    {
     id_settimeout=setTimeout("motor_inset()",time_pause_motor);
    }
   
  }

Буду признателен.

Для этого у нас есть раздел "Работа"...