[doomgart]

Всем доброго времени суток! Прошу помощи в решении небольшой и простой задачи. Найденные решения для аналогичных задач приспособить для моей задачи не получается в виду отсутствия знаний JS.

Сайт:
http://postscriptuum.com/photo

Есть "кнопка" - она скрывает div HTML:
<a id="linkEvent" onClick="hide_show();return false;">Закрыть</a>


JS код (частично взят с другого ресурса)

function hide_show()
{
    //Получаем стиль блока с айди divEvent (для изменения)
    var divEvent=document.getElementById("divEvent").style.display;
    //Получаем стиль ссылки (для изменения)
    var linkEvent=document.getElementById("linkEvent").innerHTML;
    var linkEventFon=document.getElementById("linkEvent").style.backgroundColor;

    //Изначально стиль display у блока равен ""
    //так как он изначально отображается
    //задаем ему стиль block
    if(divEvent=="")divEvent="block";
 
    //Если блок не отображается
    if(divEvent=="none")
    {
        divEvent="block";
        linkEvent="Закрыть";
        linkEventFon='#f1f1f1';
    }
    //или наоборот
    else
    {
        divEvent="none";
        linkEvent="Открыть";
        linkEventFon='#ffffff';
    }
    //Теперь меняем стили у ссылки
    //и блока который хотим скрыть или показать
    document.getElementById("divEvent").style.display=divEvent;
    document.getElementById("linkEvent").innerHTML=linkEvent;
    document.getElementById("linkEvent").style.backgroundColor=linkEventFon;

Задача:
как сделать так, чтобы изменения состояния display записывались в cookie? в JS практически не разбираюсь и прошу помощи.