var        menuCounter = 0,
        subMenuCounter = 0,
        emptyImg = '<img src="/design/1x1.gif" width="1" height="1" border="0"><br>';

function toHEX(r, g, b)
{
        hexCode = "0123456789ABCDEF";

        hexValue =
        '#' +
        hexCode.charAt(r >> 4) + hexCode.charAt(r & 15) +
        hexCode.charAt(g >> 4) + hexCode.charAt(g & 15) +
        hexCode.charAt(b >> 4) + hexCode.charAt(b & 15);

        return hexValue;
}

var        step = 3,
        wide = 30,
        pos = -wide,
        fromR = 0xFF,
        fromG = 0xFF,
        fromB = 0xFF,
        toR = 0xAC,
        toG = 0x41,
        toB = 0x41;
        dR = (toR - fromR) / wide * step,
        dG = (toG - fromG) / wide * step,
        dB = (toB - fromB) / wide * step;

function HeaderEffect(text)
{
        var        html = "",
                R = 0,
                G = 0,
                B = 0;

        if(pos > 0)
        {
                html = "<font color=" + toHEX(toR, toG, toB) + ">" + text.substr(0, pos)+"</font>";
        }

        for(i = pos; i < pos + wide && i < text.length; i += step)
        {
                if(i >= 0)
                        html += "<font color=" + toHEX(toR + R, toG + G, toB + B) + ">" + text.substr(i, step) + "</font>";

                R -= dR;
                G -= dG;
                B -= dB;
        }

        if(i < text.length)
        {
                html += "<font color=" + toHEX(fromR, fromG, fromB) + ">" + text.substr(i, text.length - i) + "</font>";
        }

        if(document.all['PageHeader'])
        {
                document.all['PageHeader'].innerHTML = html;
                pos += step;
        }

        if(pos < text.length + wide + 1)
                setTimeout('HeaderEffect(\'' + text + '\')', 5);
}


function ActiveMenu(menu)
{
        menu.style.backgroundColor = "#99BFDB";
}

function InactiveMenu(menu)
{
        menu.style.backgroundColor = "#EDF1F5";
}

function ActiveSubMenu(image)
{
        image.src = "/design/arrow-small-blue.gif";
}

function InactiveSubMenu(image)
{
        image.src = "/design/arrow-small-white.gif";
}

function StartLeftMenu()
{
        menuCounter++;

        var html =
        '<tr onmouseover="ActiveMenu(MenuLine' +menuCounter + ');" onmouseout="InactiveMenu(MenuLine' +menuCounter + ');">'+
        '        <td class="LeftMenu" align="left" valign="top">';

        return html;
}

function EndLeftMenu()
{
        var html =
        '        </td>'+
        '        <td class="MenuLine" id="MenuLine' +menuCounter + '" width="3" align="right" valign="bottom" style="background-image: url(/design/1x1-white.gif); background-position-x: right; background-repeat: no-repeat;">'+
        '                <img src="/design/1x1-white.gif" width="1" height="1" border="0"><br>'+
        '        </td>'+
        '</tr>';

        return html;
}

function StartRightMenu()
{
        menuCounter++;

        var html =
        '<tr>'+
        '        <td class="RightMenu" align="left" valign="top">';

        return html;
}

function EndRightMenu()
{
        var html =
        '        </td>'+
        '</tr>';

        return html;
}

function AddMenu(link, href)
{
        var html =
        '                <div class="MenuLink"><a href="' + href + '" class="MenuLink">' + link + '</a><br></div>';

        return html;
}

function AddSubMenu(link, href, action)
{
        subMenuCounter++;

        if(typeof(action) == "undefined")
                action = "";
        else
                action = " onClick=\"" + action + "\"";

        var html =
        '<div class="SubMenuLink">'+
        '<img id="SubMenuLine' +subMenuCounter + '" class="Separator" src="/design/arrow-small-white.gif" align="absmiddle" width="10" height="10" border="0">'+
        '<a href="' + href + '" class="SubMenuLink" onmouseover="ActiveSubMenu(SubMenuLine' +subMenuCounter + ');" onmouseout="InactiveSubMenu(SubMenuLine' +subMenuCounter + ');"'+ action +'>' + link + '</a><br>'+
        '</div>';

        return html;
}

function ShowLeftMenu()
{
        var html =
        '<table class="LeftMenu" width="100%" border="0" cellpadding="0" cellspacing="0">'+

StartLeftMenu() +
'<font class="LeftMenu" color="#336699"><b>ПРОДУКТЫ И УСЛУГИ</b></font>'
+
  EndLeftMenu() +


StartLeftMenu() +
        AddMenu("Прайс-лист", "http://ht.ru/tests/bank/price.xls") +
                EndLeftMenu()

 +

StartLeftMenu() +
        AddMenu("Инструменты диагностики", "/tests/bank/demo.php")


 +
        AddSubMenu("Тесты для персонала", "/tests/bank/") +
        AddSubMenu("Оценка по компетенциям", "/tests/bank/annrtf/konkom.php") +
        AddSubMenu("Тест-конструктор", "/tests/bank/annrtf/testkon.php") +
        AddSubMenu("Системы интерпретации и принятия решения", "/tests/bank/instr.php") +
        AddSubMenu("Автоматизация организационных исследований", "/hr-center/lk_auto.php") +
                EndLeftMenu()
 +

StartLeftMenu() +
        AddMenu("HR-Обучение", "/education/") +
              AddSubMenu("Индивидуальное сопровождение пользователя", "/services/isp.php") +
        AddSubMenu("Семинары-тренинги", "/education/seminars/") +
        AddSubMenu("Дистанционное обучение", "/education/do/") +
                EndLeftMenu()
 +

StartLeftMenu() +
        AddMenu("Исследования", "/services/hr-consulting.php") +
        AddSubMenu("Независимая экспертиза кандидатов и сотрудников", "/services/vip-test.php") +
        AddSubMenu("Оценка персонала", "/services/assessment1.php") +
        AddSubMenu("Удовлетворенность работой", "/services/udovl.php") +
        AddSubMenu("360 градусов", "/services/360.php") +
        EndLeftMenu()
 +

StartLeftMenu() +
        AddMenu("Разработка", "/tests/development/") +
        AddSubMenu("Разработка тестов знаний", "/tests/development/test_zn.php") +
        AddSubMenu("Разработка тестов профпригодности", "/tests/development/test_pr.php") +
        AddSubMenu("Тесты для сайтов", "/tests/development/test_site.php") +
    EndLeftMenu() +

StartLeftMenu() +
        AddMenu("Методическое обеспечение профориентационной деятельности (Служб занятости)", "/czn/") +
        AddSubMenu("КПД", "http://www.ht.ru/tests/bank/annrtf/kpd.php") +
        AddSubMenu("ТРУД", "http://www.ht.ru/tests/bank/annrtf/trud.php") +
        AddSubMenu("ТУР", "http://www.ht.ru/tests/bank/annrtf/tur.php") +
        AddSubMenu("ПРОФПЛАН", "http://www.ht.ru/tests/bank/annrtf/profplan.php") +
       AddSubMenu("Цены для служб занятости", "http://www.ht.ru/czn/#price") +
    EndLeftMenu() +

StartLeftMenu() +
        AddMenu("Профориентационные услуги ЦТР", "/services/") +
        AddSubMenu("Профконсультирование для взрослых", "/services/profconsalt.php") +
        AddSubMenu("Стратегия поиска работы", "/services/search_job.php") +
        AddSubMenu("Профкарьера для студентов", "http://profcareer.ru/clients/services_profcareer.php") +
        AddSubMenu("Профориентация школьников", "http://www.proforientator.ru/proforientation") +
        '<tr>'+
        '        <td class="RightMenul" align="center" valign="top">'+
        '<a href="http://www.proforientator.ru" target="_blank"><img border=0 src="http://www.proforientator.ru/images/81x63.gif" width=81 height=63 alt="Профориентация: выбери свою профессию и вуз"></a>'+
        '        </td>'+
        '</tr>'+
        EndLeftMenu() +

        '<tr>'+
        '        <td colspan="3" height="5" style="background-image: url(/design/shadow-big-down.gif); background-repeat: repeat-x;">'+
        emptyImg +
        '        </td>'+
        '</tr>' +
        '</table>';

        document.write(html);
}

function ShowRightMenu()
{
        var html =
        '<table class="RightMenu" width="100%" border="0" cellpadding="0" cellspacing="0">'+
        StartRightMenu() +
'<div align="center"><font class="LeftMenu" color="#336699"><b>ИНФОРМАЦИЯ И СЕРВИСЫ</b></font></div>'
        +
                EndLeftMenu() +
        StartRightMenu() +
        AddMenu("Пресс-центр", "/press/")  +
        AddSubMenu("Новости", "/press/news/") +
        AddSubMenu("Статьи", "/press/articles/") +
        AddSubMenu("Система сертификации", "/press/certification/") +
//        AddSubMenu("Календарь событий", "/press/calendar") +
       AddSubMenu("Гипертекстовые HR-словари", "/on-line/dictionary/") +
        EndLeftMenu() +


        StartRightMenu() +
        AddMenu("Блогосфера", "/press/blogs.php")  +
        AddSubMenu("Блоги экспертов", "http://cabinet.ht.ru/infolane/index.php?act=bloggers") +
        AddSubMenu("Блог главного редактора", "http://cabinet2.ht.ru/sref.php?UWH3_5L_1JU3Q5ESZH9") +
       AddSubMenu("Гость месяца: М. С. Егорова", "http://services1.ht-line.ru/sref.php?UW1-Q5Q0YF1PTK") +
        EndLeftMenu() +



                    StartRightMenu() +
         AddMenu("Самотестирование онлайн", "/test/") +
        //AddSubMenu("Новинка: Тест индивидуальной <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;мотивации", "/test/methodics/tim.php") +
        AddSubMenu("Онлайн-тесты", "/test/") +
        AddSubMenu("Персональная папка испытуемого", "http://www.ht.ru/profile/") +
        AddSubMenu("Библиотека Экспресс-Тестов", "http://cabinet.ht.ru/sref.php?test_lib:FREEINFO") +
                                EndRightMenu() +
        StartRightMenu() +
        AddMenu("Сервисы", "/on-line/") +
        AddSubMenu("Форумы (консультации)", "/on-line/forum/") +
        AddSubMenu("Подписка на новости", "/on-line/subscribe/") +
        AddSubMenu("Регистрация на сайте", "/on-line/registration/") +
        AddSubMenu("Доска объявлений", "/on-line/board/") +
        AddSubMenu("Полезные ссылки", "/on-line/links/") +
             AddSubMenu("Архив голосований", "/on-line/voting/") +
             AddSubMenu("Архив конкурса 'Ключ к тесту'", "/press/events/konkurs_key.php") +
        EndRightMenu() +
//        '<tr>'+
//        '        <td colspan="3" height="25" style="background-image: url(/design/shadow-big-down.gif); background-repeat: repeat-x;">'+
//        emptyImg +
//        '        </td>'+
//        '</tr>' +
        '</table>';

        document.write(html);
}

function ShowButton(action, text, width, submit)
{
        if(        typeof(width) == "undefined" ||
                width == "")
                width = "100%";

        var border =
        '<tr>'+
        '        <td width="1">'+
        emptyImg +
        '        </td>'+
        '        <td width="16" bgcolor="#E1A0A0">'+
        emptyImg +
        '        </td>'+
        '        <td width="1" bgcolor="#E6EAED">'+
        emptyImg +
        '        </td>'+
        '        <td bgcolor="#E6EAED">'+
        emptyImg +
        '        </td>'+
        '        <td width="1">'+
        emptyImg +
        '        </td>'+
        '</tr>';

        html =
        '<table class="Button" width="' + width + '" border="0" cellpadding="0" cellspacing="0" onSelectStart="return false;" onClick="javascript:' + action + '; return false;">' +
        '<tr>'+
        '        <td width="5" height="5">'+
        '                <img src="/design/button-corner-top-left.gif" width="5" height="5" border="0"><br>'+
        '        </td>'+
        '        <td style="background-image: url(/design/button-top-bg.gif); background-repeat: repeat-x;">'+
        emptyImg +
        '        </td>'+
        '        <td width="7">'+
        '                <img src="/design/button-corner-top-right.gif" width="7" height="5" border="0"><br>'+
        '        </td>'+
        '</tr>'+
        '<tr>'+
        '        <td style="background-image: url(/design/button-left-bg.gif); background-repeat: repeat-y;">'+
        emptyImg +
        '        </td>'+
        '        <td class="Button" align="center" valign="middle" bgcolor="#A0B5E4" style="background-image: url(/design/button-bg.gif); background-repeat: repeat-x;">'+
        text +
        '        </td>'+
        '        <td style="background-image: url(/design/button-right-bg.gif); background-repeat: repeat-y;">'+
        emptyImg +
        '        </td>'+
        '</tr>'+
        '<tr>'+
        '        <td width="5" height="6">'+
        '                <img src="/design/button-corner-bottom-left.gif" width="5" height="6" border="0"><br>'+
        '        </td>'+
        '        <td style="background-image: url(/design/button-bottom-bg.gif); background-repeat: repeat-x;">'+
        '                <input type="image" src="/design/1x1.gif" width="100%" height="6" border="0"><br>'+
        '        </td>'+
        '        <td width="7">'+
        '                <img src="/design/button-corner-bottom-right.gif" width="7" height="6" border="0"><br>'+
        '        </td>'+
        '</tr>'+
        '</table>';

        document.write(html);
}

function ShowButtonLink(url, text, width, target)
{
        if(        typeof(width) == "undefined" ||
                width == "")
                width = "100%";

        var border =
        '<tr>'+
        '        <td width="1">'+
        emptyImg +
        '        </td>'+
        '        <td width="16" bgcolor="#E1A0A0">'+
        emptyImg +
        '        </td>'+
        '        <td width="1" bgcolor="#E6EAED">'+
        emptyImg +
        '        </td>'+
        '        <td bgcolor="#E6EAED">'+
        emptyImg +
        '        </td>'+
        '        <td width="1">'+
        emptyImg +
        '        </td>'+
        '</tr>';

        html =
        '<table class="Button" width="' + width + '" border="0" cellpadding="0" cellspacing="0" onSelectStart="return false;" style="cursor:default;">' +
        '<tr>'+
        '        <td width="5" height="5">'+
        '                <img src="/design/button-corner-top-left.gif" width="5" height="5" border="0"><br>'+
        '        </td>'+
        '        <td style="background-image: url(/design/button-top-bg.gif); background-repeat: repeat-x;">'+
        emptyImg +
        '        </td>'+
        '        <td width="7">'+
        '                <img src="/design/button-corner-top-right.gif" width="7" height="5" border="0"><br>'+
        '        </td>'+
        '</tr>'+
        '<tr>'+
        '        <td style="background-image: url(/design/button-left-bg.gif); background-repeat: repeat-y;">'+
        emptyImg +
        '        </td>'+
        '        <td class="Button" align="center" valign="middle" bgcolor="#A0B5E4" style="background-image: url(/design/button-bg.gif); background-repeat: repeat-x; cursor: default">'+
        '        <a href="' + url + '" target="' + target + '" title="" style="text-decoration: none; color: #ffffff; width: 100%; height: 100%;">' + 
        text + 
        '</a>'+
        '        </td>'+
        '        <td style="background-image: url(/design/button-right-bg.gif); background-repeat: repeat-y;">'+
        emptyImg +
        '        </td>'+
        '</tr>'+
        '<tr>'+
        '        <td width="5" height="6">'+
        '                <img src="/design/button-corner-bottom-left.gif" width="5" height="6" border="0"><br>'+
        '        </td>'+
        '        <td style="background-image: url(/design/button-bottom-bg.gif); background-repeat: repeat-x;">'+
        '                <input type="image" src="/design/1x1.gif" width="100%" height="6" border="0"><br>'+
        '        </td>'+
        '        <td width="7">'+
        '                <img src="/design/button-corner-bottom-right.gif" width="7" height="6" border="0"><br>'+
        '        </td>'+
        '</tr>'+
        '</table>';

        document.write(html);
}

function ShowMsgHeader(color, topspace, bottomspace, hmargin, vmargin)
{
        if(        typeof(color) == "undefined" ||
                color == "")
                color = "#FFFFFF";

        if(typeof(topspace) == "undefined")
                topspace = "";
        else
                topspace = " margin-top: " + topspace + ";";

        if(typeof(bottomspace) == "undefined")
                bottomspace = "";
        else
                bottomspace = " margin-bottom: " + bottomspace + ";";

        if(typeof(hmargin) == "undefined")
                hmargin = "";
        else
                hmargin = " padding-left: " + hmargin + "; padding-right: " + hmargin + ";";

        if(typeof(vmargin) == "undefined")
                vmargin = "";
        else
                vmargin = " padding-top: " + vmargin + "; padding-bottom: " + vmargin + ";";

        var html =
        '<table width="100%" bgcolor="' + color + '" border="0" cellpadding="0" cellspacing="0" style="' + topspace + bottomspace + '">' +
        '<tr>'+
        '        <td width="5" height="5" align="left" valign="top">'+
        '                <img src="/design/msg-corner-top-left.gif" width="5" height="5" border="0"><br>'+
        '        </td>'+
        '        <td width=99% style="border-top: 1px solid #EEEEEE;">'+
        emptyImg +
        '        </td>'+
        '        <td width="5" align="right" valign="top">'+
        '                <img src="/design/msg-corner-top-right.gif" width="5" height="5" border="0"><br>'+
        '        </td>'+
        '</tr>'+
        '<tr>'+
        '        <td colspan="3" align="left" valign="top" style="border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;' + hmargin + vmargin + '">';

        document.write(html);
}

function ShowMsgFooter()
{
        var html =
        '        </td>'+
        '</tr>'+
        '<tr>'+
        '        <td height="5" align="left" valign="bottom">'+
        '                <img src="/design/msg-corner-bottom-left.gif" width="5" height="5" border="0"><br>'+
        '        </td>'+
        '        <td style="border-bottom: 1px solid #EEEEEE;">'+
        emptyImg +
        '        </td>'+
        '        <td align="right" valign="bottom">'+
        '                <img src="/design/msg-corner-bottom-right.gif" width="5" height="5" border="0"><br>'+
        '        </td>'+
        '</tr>'+
        '</table>';

        document.write(html);
}


function open_Popup(name)
{
        var newWindow = window.open((name),'popup','width=660,height=800,scrollbars=yes,resizable=yes,toolbar=yes,status=yes,menubar=no');
}

function open_Popup2(name)
{
        var newWindow = window.open((name),'popup','width=500,height=660,scrollbars=yes,resizable=yes,toolbar=yes,status=yes,menubar=yes');
}