//document.cookie="foo=bar; path=/; expires=Mon, 01-Jan-2001 00:00:00 GMT";

function new_cookie(gg){
      document.cookie="foo=bar; path=/; expires=Mon, 01-Jan-2001 00:00:00 GMT";
      document.cookie = foo + "=3" ;
      alert('Cookie создан');
}
function getCookie(name) {
var cookie = " " + document.cookie;
var search = " " + name + "=";
var setStr = null;
var offset = 0;
var end = 0;
if (cookie.length > 0) {
offset = cookie.indexOf(search);
if (offset != -1) {
offset += search.length;
end = cookie.indexOf(";", offset)
if (end == -1) {
end = cookie.length;
}
setStr = unescape(cookie.substring(offset, end));
}
}
return(setStr);
}
/*
    Обязательно должны быть известны переменные
        linkHref и sectionNum.
    Их значение может формироваться через JavaScript как в данном случае, а может
    с помощью какого-либо серверного скрипта при формировании HTML страницы.

    ############################################################################

    Получение параметров для выделения выбранного пункта меню
*/
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == "section") {
		document.cookie="foo=bar; path=/; expires=Mon, 01-Jan-2001 00:00:00 GMT";
		
		linkHreffd   = (query !== "") ? "?"+query : "undefinedlink";
		
		document.cookie = "foos" + "=" + linkHreffd;
		
		document.cookie = "foo" + "=" + pair[1];
		
    }
}

// Текущая ссылка. Этот текст будет сравниваться с аттрибутом href в ссылках, чтобы
// задать им класс selected если необходимо.

//linkHreff   = (query !== "") ? "?"+query : "undefinedlink";

linkHreff   = getCookie("foos");
//alert(linkHreff);
// Раздел, который необходимо раскрыть. Отсчет ведется с 0.
//sectionNum = (sectionNum > 0) ? (sectionNum-1) : -1;
//var myVar=GetCookie("foo");
//linkHreff = "link=3";
sectionNum=getCookie("foo");

sectionNum = (sectionNum > 0) ? (sectionNum-1) : -1;

/*
    После формирования страницы и всех его элементов начнется выполнения основной части скрипта,
    которая и формирует всё меню и его реакции.
*/
$(document).ready(function(){
    /* Номер текущего раздела */
    var currentIndex = -1;
    /* Ширина <DIV class="contentmenucontentmenu"> с ссылками и картинкой*/
    var contentmenucontentmenuWidth = 650;
    /* Ширина <DIV class="contentmenucontentmenu"> с картинкой */
    var imageWidth = 55;

    /* Всем разделам задать картинки "Город", "Новости" и т.д. */
    $("div#containers .titles").each(function (i) {
        $(this).css("background-image", "url(images/menu/menuitem_"+i+".png)");
    });

    /* Активной ссылке задать class='selected', а адрес для перехода заменить на # */

	//$("div#containers .contentmenucontentmenu a[href$="+linkHreff+"]").addClass("selected").attr({ href: "#" });
    //alert("div#containers .contentmenucontentmenu a[href$="+linkHreff+"]");

    //$("div#containers a[href=http://192.168.250.32/?section=1&link=1&do=static&page=pasport-goroda-rudnogo").addClass("selected").attr({ href: "#" });

    $("div#containers").find("a[href='" + linkHreff + "']").addClass("selected");
	

    /* Был переход в раздел или нет. sectionNum >= 0, значит при обновлении страницы необходимо раскрыть раздел */
    if (sectionNum >= 0) {
        /* Скрытие всех остальных разделов */
        $("div#containers .contentmenucontentmenu").animate({"width": "0px"}, 1);
        /* Раскрытие необходимого раздела. */
        $("div#containers .contentmenucontentmenu").eq(sectionNum).animate({"width": contentmenucontentmenuWidth+"px"}, 1);
        /* А заголовку присваивается картинка, указывающая на активность этого раздела */
        $("div#containers .titles").eq(sectionNum).css("background-image", "url(images/menu/menuitem_activ_"+sectionNum+".png)");
        currentIndex = sectionNum;
    }

    /*
        Выполнить действие по щелчку на разделе.
    */
	$("div#containers .titles").click(function(){
        /* Номер раздела, по которому осуществлен клик мыши */
        var index = $("div#containers .titles").index(this);

        /* Скрытие всех разделов */
        $("div#containers .contentmenucontentmenu").stop().animate({"width": "0px"}, "slow");

        /*
            Исходя из того щелкаем по новому разделу или по старому
            Индекс раскрытого раздела не совпал с индексом раздела, по которому
            был осуществлен щелчок => раскрыть новый раздел, иначе раскрыть все.
        */
        if (currentIndex != index) {
            /* Раскрыть раздел */
            $(this).next("div").stop().animate({"width": contentmenucontentmenuWidth+"px"}, "slow");
            /* Поставить ссылке новый фон */
            $(this).css("background-image", "url(images/menu/menuitem_activ_"+index+".png)");
            /* Со старого с текущего раздела убрать фон актива */
            $("div#containers .titles").eq(currentIndex).css("background-image", "url(images/menu/menuitem_"+currentIndex+".png)");
            /* Теперь текущим разделом стал новый раздел */
            currentIndex = index;
        } else {
            $("div#containers .contentmenucontentmenu").stop().animate({"width": imageWidth+"px"}, "slow");
            /* Текущего раздела теперь нет. Положение по-умолчанию. */
            currentIndex = -1;
        }
    });

    /*
        Выполнить действие по наведению мыши на раздел.
    */
    $("div#containers .titles").mouseover(function(){
        var index = $("div#containers .titles").index(this);
        if (currentIndex != index) {
            $(this).css("background-image", "url(images/menu/menuitem_activ_"+index+".png)");            
        }
    }).mouseout(function(){
        var index = $("div#containers .titles").index(this);
        if (currentIndex != index) {
            $(this).css("background-image", "url(images/menu/menuitem_"+index+".png)");
        }
    })
});