var num_buttons = 8;   // Количество пунктов меню
var phases;            // Номера текущих кадров
var dirs;              // Направление анимации
var names;             // Имена элементов <img>...</img>, соответствующих пунктам меню
var help;              // Строки подсказки
var all_images;        // Двумерный массив кадров
var num_frames = 4;    // Количество кадров анимации для каждого пункта
var animating = false; // Индикатор анимации
var delay = 50;        // Задержка между кадрами
var img_path = "./buttons/" // Путь к изображениям

function InitArrays()
{
    var i;
    phases = new Array(num_buttons);
    dirs = new Array(num_buttons);
    for(i = 0;i<num_buttons;i++) {
       phases[i] = 0;
       dirs[i] = 0;
    }
}

function InitNames()
{
    names = new Array(num_buttons);
    names[0] = "main"; 
    names[1] = "research";
    names[2] = "ourdev";
    names[3] = "comdev";
    names[4] = "product";
    names[5] = "partner"; 
    names[6] = "article";
    names[7] = "adress";

    help = new Array(num_buttons);
    help[0] = "Общая информация о компании";
    help[1] = "Направления исследовательской работы";
    help[2] = "Разработки, ведущиеся в настоящее время";
    help[3] = "Совместные разработки";
    help[4] = "Изделия, запущеные в производство";
    help[5] = "Наши партнеры"
    help[6] = "Стратьи";
    help[7] = "Контактная информация";

}

function PreLoadImages()
{    
    var i,j;
    all_images = new Array(num_buttons);
    for(i = 0;i<num_buttons;i++) {
        all_images[i] = new Array(num_frames);
        for(j = 0;j<num_frames;j++) {
            all_images[i][j] = new Image();
            all_images[i][j].src = img_path+names[i]+i00(j)+".gif";
        }
    }      
}
              
function InitAnimator()
{
    InitArrays();
    InitNames();
    PreLoadImages();
}

function Animator()
{
    var i;
    animating = false;
    for(i = 0;i<num_buttons;i++) {
        if(dirs[i] > 0) {
            if(phases[i]<num_frames - 1) { 
               if(phases[i] == 0)    
                    window.parent.status = help[i];
                phases[i]++;
                document.images[names[i]].src = all_images[i][phases[i]].src;
                animating = true;
            } else
                dirs[i] = 0;
        } else if(dirs[i] < 0) {
            if(phases[i] > 0) { 
                phases[i]--;
                document.images[names[i]].src = all_images[i][phases[i]].src;
                animating = true;
            } else
                dirs[i] = 0;
        } 
    }
    if(animating)
        setTimeout("Animator()",delay);
}

function MouseEnter(index)
{
    dirs[index] = 1;
    if(!animating) {
        animating = true;
        setTimeout("Animator()",delay);
    }
    window.parent.status = help[index];
}

function MouseLeave(index)
{
    dirs[index] = -1;
    if(!animating) {
        animating = true;
        setTimeout("Animator()",delay);
    }
    window.parent.status = "";
}

InitAnimator();