//*****************************************
//ф-ция инициализации элементов управления
//*****************************************
var m_buttons=[];
var mSlides=[];
var buttons_number;
var in_div;
var inner_save=[];
var new_inner=[];

var is_need_hide=[];

function InitCtrl()
{
  buttons_number=0;
  
  new_inner[0]="<a href='' class='portfolio'>веб-дизайн</a>";
  new_inner[1]="<a href='' class='portfolio'>полиграфия</a>";
  new_inner[2]="<a href='' class='portfolio'>логотипы</a>";
  new_inner[3]="<a href='' class='portfolio'>баннеры</a>";
  
   //получае список кнопок
  while(1)
  {
      m_buttons[buttons_number]=document.getElementById('b_img'+buttons_number);
      if(m_buttons[buttons_number]==null)break;
      is_need_hide[buttons_number]=0;
      //сохраняем содержимое тега
      inner_save[buttons_number]= m_buttons[buttons_number].innerHTML;
      buttons_number++;
  };

  //назначаем эффект
  for(var i=0;i<buttons_number;i++)
  {

    m_buttons[i].onmouseover=OnOver;
    m_buttons[i].onmouseout=OnOut;

    in_div=document.getElementById(m_buttons[i].id).getElementsByTagName("div");
    mSlides[i]=new Fx.Slide(in_div[0].id, {mode: 'vertical',duration: 300});
    mSlides[i].addEvent('onComplete', function()
    {
      for(var i=0;i<buttons_number;i++)
      {
        if(this==mSlides[i])
        {
          if(mSlides[i].isLastHide()&&(!mSlides[i].isRun()))
          {
            //m_buttons[i].innerHTML=new_inner[i];
            //var new_tag=document.createElement("a");
            //new_tag.style.class='portfolio';
            //new_tag.innerHTML="33";
            //m_buttons[i].appendChild(new_tag);
          };
          break;
        };
      }

		});
  }

  //скрываем все
  for(var i =0;i<buttons_number;i++)
  {
    mSlides[i].slideOut();
  };
  
  setTimeout( Hide,100);
  
}

function Hide()
{
  for(var i =0; i <  buttons_number;i++)
  {
    if(is_need_hide[i])
    {
      if(!mSlides[i].isRun())
      {
        mSlides[i].slideOut();
        is_need_hide[i]=0;
      };
    }
  };
  setTimeout( Hide,100);
}

function OnOver()
{
  for(var i =0;i<buttons_number;i++)
  {
    if(m_buttons[i].id==this.id)
    {
    
        if((!mSlides[i].isRun())&&(mSlides[i].isLastHide()))
        {
          //m_buttons[i].innerHTML=inner_save[i];
          //m_buttons[i].removeChild(m_buttons[i].getElementsByTagName("a")[0]);
          is_need_hide[i]=0;
          mSlides[i].slideIn();
        };
        break;
    };
  };
}

function OnOut()
{
  for(var i =0;i<buttons_number;i++)
  {
    if(m_buttons[i].id==this.id)
    {
        is_need_hide[i]=1;
    };
  };
}