/**
 * Переключение вкладок на странице без перезагрузки 
 */
$(function() {
	
    // обработка клика по вкладкам (табам) подменю (левая колонка)
    $("#submenu div.tab:not(.active)").click(function(){ 
        document.location = $(this).find("a:first").attr("href");
    });

    // отключаем клик по ссылке в активной вкладке (табе) подменю (левая колонка)
    $("#submenu div.tab.active a").click(function(){ return false; });

    // обработка JS-навигации по страницам
    if ($('div.jspage').length) {
        // обработка клика по вкладкам (табам) подменю (левая колонка)
		// submenu div.tab
        $('#[rel^=jspage:]').click(function() {
            var jsPageId = $(this).attr('rel').replace('jspage:', '');
            toggleJsPage(jsPageId);
            toggleJsPagesTab(jsPageId);
        });

        // определяем id первой страницы
        var firstPageId = $('div.jspage:first').attr('id');

        // определяем id начальной (открытой) страницы
        var defaultPageId = (
            window.location.hash
            &&
            $('div#__' + window.location.hash.replace("#","") + '.jspage').length
        ) ? '__' + window.location.hash.replace("#","") : firstPageId;

        // скрываем все страницы, кроме начальной
        toggleJsPage(defaultPageId);

        // делаем неактивными вкладки (табы) всех страниц, кроме начальной
        toggleJsPagesTab(defaultPageId);
    }
});

//переключение JS страниц
function toggleJsPage(pageId) {
    $('div.jspage').hide();
    $('div#' + pageId + '.jspage').show();
}

// переключение вкладок (табов) JS страниц
function toggleJsPagesTab(pageId) {
    $('#submenu div.tab[rel^=jspage:]').removeClass('active');
    $('#submenu div.tab[rel=jspage:' + pageId + ']').addClass('active');
}