var image_state=0;
//*****************************************
//ф-ция инициализации элементов управления
//*****************************************
function InitCtrl()
{

  var m_texts=document.getElementById('texts');
  
  var m_text=m_texts.getElementsByTagName("div");
  
  if(m_text)
  {
    for(var i=0;i<m_text.length;i++)
    {
      m_text[i].onmouseover=text_over;
      m_text[i].onmouseout=text_out;
      m_text[i].onclick=onClickImage1;
    }
  }
  
  //инициализация ф-ции обработки на картринке
  var m_image1=document.getElementById('change_image');
  m_image1.onclick=onClickImage1;
  

  //инициализация ссылок продуктов
  var m_prod1=document.getElementById('product1');
  m_prod1.onmouseover=OverProduct;
  m_prod1.onmouseout=OutProduct;
  
  var m_prod2=document.getElementById('product2');
  m_prod2.onmouseover=OverProduct;
  m_prod2.onmouseout=OutProduct;
  
  var m_prod3=document.getElementById('product3');
  m_prod3.onmouseover=OverProduct;
  m_prod3.onmouseout=OutProduct;
  
}

//*****************************************
//ф-ция проверяет стоит ли у пользователя разрешение 1024X768
//если больше - true
//иначе - false
//*****************************************
function CheckResolution()
{
    //alert(screen.width+"x"+screen.height);
    if(screen.width>1024)return 1;
    else return 0;
}

//*****************************************
//ф-ция добавляет стлбик в зависимости от разрешения
//*****************************************
function AddColumn()
{
  if(CheckResolution())
  {
    document.write('<td width="13%">\n');
    document.write('<table cellpadding="0" cellspacing="0" border="0" height="100%">\n');
    document.write('<tr>');

    document.write('<td width="26"> \n');
    document.write('<table cellpadding="0" cellspacing="0" border="0" height="100%" width="26"> \n');
    document.write('<tr><td height="55" width="26"><img src="/dep.pc/images.new/transpar.gif" width="26" height="55" border="0"></td></tr> \n');
    document.write('<tr><td width="26" height="12" valign="top"><img src="/dep.pc/images.new/righttop.png" width="26" height="12" border="0"></td> \n');
    document.write('<tr><td background="/dep.pc/images.new/right.png"><img src="/dep.pc/images.new/transpar.gif" width="26"></td> \n');
    document.write('<tr><td width="26" height="25" valign="top" align="left"><img src="/dep.pc/images.new/rightbottom.png" width="26" border="0"></td>\n');
    document.write('<tr><td height="45" width="26"><img src="/dep.pc/images.new/transpar.gif" width="26" border="0" height="45"></td></tr>\n');
    document.write('</table>');
    document.write('</td>');

    document.write('<td width="100%"><img src="/dep.pc/images.new/transpar.gif" width="1"></td>\n');

    document.write('</tr>');

    document.write('</table>');
    document.write('</td>');
  };
}



//*****************************************
//ф-ция обработчик события наведения на тексте
//*****************************************
function text_over()
{
    //получаем наведенную ссылку
  var number=this.id.charAt(this.id.indexOf('text')+4,1);

  var sel_image=document.getElementById('change_image');
  
  if(image_state==0)
  {

    if (sel_image)
    {
      sel_image.src="/images.new/"+number+'.jpg';
    }
    else
    {
      alert("error!");
    }
  };
  
  //меняем цвет
  document.getElementById(this.id).style.color="#2960ac";
  
  //меные курсор
  document.getElementById(this.id).style.cursor="pointer";
}


//*****************************************
//ф-ция обработчик события убирания курсора c тексте
//*****************************************
function text_out()
{

  //меняем цвет
  document.getElementById(this.id).style.color="#000000";
  
  //меные курсор
  document.getElementById(this.id).style.cursor="DEFAULT";
}



function OverProduct()
{
  //получаем наведенную ссылку
  var number=this.id.charAt(this.id.indexOf('product')+7,1);
  

  if(number==1)
  {
       var imgs=document.getElementById('product_img1').getElementsByTagName("img");
       imgs[0].src='/dep.pc/images.new/button.pc3000.over.4.gif';
  };
  
  if(number==2)
  {
       var imgs=document.getElementById('product_img2').getElementsByTagName("img");
       imgs[0].src='/dep.pc/images.new/button.scsi.over.4.gif';
  };

  if(number==3)
  {
        var imgs=document.getElementById('product_img3').getElementsByTagName("img");
        imgs[0].src='/dep.pc/images.new/button.de.over.4.gif';
  };


}

function OutProduct()
{
  //получаем наведенную ссылку
  var number=this.id.charAt(this.id.indexOf('product')+7,1);
  
  if(number==1)
  {
        var imgs=document.getElementById('product_img1').getElementsByTagName("img");
        imgs[0].src='/dep.pc/images.new/button.pc3000.4.gif';
  };
  
  if(number==2)
  {
        var imgs=document.getElementById('product_img2').getElementsByTagName("img");
        imgs[0].src='/dep.pc/images.new/button.scsi.4.gif';
  };
  
  if(number==3)
  {
        var imgs=document.getElementById('product_img3').getElementsByTagName("img");
        imgs[0].src='/dep.pc/images.new/button.de.4.gif';
  };
};


var myTimer;            //эффект задержки
var mySlide;            //эффект выезжания - заезжания
var myFx;               //эффект исчезновения - появления


//*****************************************
//ф-ция обработчик события клика на картинке или ссылке
//*****************************************
function onClickImage1()
{
  //получаем картинку
  var sel_image=document.getElementById('change_image');
  
  //если мы в началном состоянии
  if(image_state==0)
  {

  
    //создаем и приделываем к ней эффект
    mySlide = new Fx.Slide('d1', {mode: 'horizontal'});
  
    //приделываем callback функцию
    mySlide.addEvent('onComplete',SlideOut_End);
  
    //запуск эффекта
    mySlide.slideOut();
    
    //меняем шаг
    image_state=1;
  }else
  
  //если - 2 шаг выбора схемы
  if(image_state==1)
  {
    //созадем эффект
    myFx = new Fx.Style('d3', 'opacity',{duration: 10}).addEvent('onComplete',HideFx_End);

    //запускаем эффект
    myFx.start(100,0);
    
    image_state=2;

  };
}


//*****************************************
//ф-ция вызываемая после того как ЗАЕЗЖАНИЯ эффект закончится
//*****************************************
function SlideOut_End()
{
  //получаем картинку
  var sel_image=document.getElementById('change_image');
  
  //удалыем call back функцию
  mySlide.removeEvent('onComplete',SlideOut_End);
  

  //меняем картнику
  sel_image.src='/dep.pc/images.new/fon02.jpg';
  
  //запуск другого эффекта
  mySlide.slideIn();
  


}

//*****************************************
//ф-ция вызываемая после того как ИСЧЕЗАНИЯ эффект закончится
//*****************************************
function HideFx_End()
{
  //удалыем call back функцию
  myFx.removeEvent('onComplete',HideFx_End);
  
  //создаем новый эффект
  myFx=new Fx.Style('d3', 'opacity',{duration: 8000});

  //получаем div
  var m_div=document.getElementById('d3');
  
  //созаем картинку
  var m_image3=document.createElement("img");
  
  //показвем картинку и обработчик
  m_image3.src='/dep.pc/images.new/fon03.jpg';
  m_image3.onclick=GotoSitePage;
  m_image3.id="eee";
  
  //присоединяем кртинку к div
  m_div.appendChild(m_image3);
  
  //запуск эффкета
  myFx.start(0,100);
  
  //создаем эффект задержки для надписис rafresh
 // myTimer = ShowRefresh.delay(1000); //wait 5 seconds and execute my function.
  


}


//********************************************
//ф-ция показа на refresh
//********************************************
/*function ShowRefresh()
{
    myTimer = $clear(myTimer); //nevermind
    //ссылка refresh
    var m_refresh=document.getElementById('refresh');
    m_refresh.innerHTML="Посмотреть еще раз >>>";

    //назначаем обработчики
    m_refresh.onmouseover=OnRefreshOver;
    m_refresh.onmouseout=OnRefreshOut;
    m_refresh.onclick=OnRefreshClick;
};

//********************************************
//ф-ция наведения на refresh
//********************************************
function OnRefreshOver()
{

  //меняем цвет
  document.getElementById('refresh').style.color="#2960ac";

  //меные курсор
  document.getElementById('refresh').style.cursor="pointer";
  

};

//********************************************
//ф-ция отведения c refresh
//********************************************
function OnRefreshOut()
{

  //меняем цвет
  document.getElementById('refresh').style.color="000000";

  //меные курсор
  document.getElementById('refresh').style.cursor="DEFAUKT";
};



//********************************************
//ф-ция клика на refresh
//********************************************
function OnRefreshClick()
{
    var m_div=document.getElementById('d3');
    
    //удаляем ссылку про PC 3000
    var m_imgs=m_div.getElementsByTagName("img");
    m_div.removeChild(m_imgs[0]);
    
    //удалым тектс сслыки
    document.getElementById('refresh').innerHTML="";
    
    //меняем картинки
    var sel_image=document.getElementById('change_image');


    sel_image.src='1.jpg';
    
    image_state=0;
    
}
*/

//********************************************
//ф-ция перехода по ссылке
//********************************************
function GotoSitePage()
{
  window.open("/products.php","","");
}


//********************************************
//ф-ция пояфления теней в зависимости от браузера
//side - сторона
// 0- верх
// 1- низ
// 2- лево
// 3- лево верх
// 4- лево низ
//********************************************
function ShowShadow(arg1)
{
  //лево верх
  if(arg1==3)
  {
    if(window.ie)
    {

      document.write('<td width="18" height="12" valign="top" align="left" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/dep.pc/images.new/lefttop.png\', sizingMethod=\'scale\');"><img src="/dep.pc/images.new/transpar.gif" width="18" height="12"></td>\n');
    }
    else
    {
      document.write('<td width="18" height="12" valign="top" align="left"><img src="/dep.pc/images.new/lefttop.png" width="18" height="12"></td>\n');

    };
  };
  
  //верх
  if(arg1==0)
  {
    if(window.ie)
    {

      document.write('<td width="100%" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/dep.pc/images.new/top.png\', sizingMethod=\'scale\');" height="12"><img src="/dep.pc/images.new/transpar.gif" height="12"></td>\n');
    }
    else
    {
      document.write('<td width="100%" style="background:url(\'/dep.pc/images.new/top.png\')" height="12"><img src="/dep.pc/images.new/transpar.gif" height="12"></td>\n');
    };
  };

  //лево
  if(arg1==2)
  {
    if(window.ie)
    {
      document.write('<td width="18" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/dep.pc/images.new/left.png\', sizingMethod=\'scale\');"><img src="/dep.pc/images.new/transpar.gif" width="18" border="0"></td>\n');
    }
    else
    {
      document.write('<td width="18" style="background:url(\'/dep.pc/images.new/left.png\')"><img src="/dep.pc/images.new/transpar.gif" width="18" border="0"></td>\n');
    };
  };
  
  //лево низ
  if(arg1==4)
  {
    if(window.ie)
    {
      document.write('<td width="18" height="25" valign="top" align="left" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/dep.pc/images.new/leftbottom.png\', sizingMethod=\'scale\');"><img src="/dep.pc/images.new/transpar.gif" width="18" height="25"></td>\n');
    }
    else
    {
      document.write('<td width="18" height="25" valign="top" align="left"><img src="/dep.pc/images.new/leftbottom.png" width="18" height="25"></td>\n');
    }
  };
  
  //низ
  if(arg1==1)
  {
    if(window.ie)
    {
      document.write('<td style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/dep.pc/images.new/bottom.png\', sizingMethod=\'scale\');" width="18" height="12" valign="top" align="left"><img src="/dep.pc/images.new/transpar.gif" width="18" height="25"></td>\n');
    }
    else
    {
      document.write('<td style="background:url(\'/dep.pc/images.new/bottom.png\')" width="18" height="12" valign="top" align="left"><img src="/dep.pc/images.new/transpar.gif" width="18" height="25"></td>\n');
    }
  };
  
}