function setTabsLine(line,gray,lineMarg)
{//рисует для табов. параметры - id вертикальной линии-сепаратора (span), id серого левого заголовка (span), отступ горизонтальной линии (первый child линии-сепаратора)
 //<span id="line5" class="tabs-line"><span></span></span>
 //<span id="gray-tab" class="tabs-underline"><span>FEATURES TOUR</span></span>
 var l=de(line).getElementsByTagName('span')[0];
 var gr=de(gray).getBoundingClientRect();
 
 if(browser.ie7||browser.ie8)
  l.style.marginLeft=-(l.getBoundingClientRect().left-gr.left)+'px';else
  {
   l.style.marginLeft=lineMarg;//обязательно нужно установить смещение, чтобы после зума верно сработала ф-я getBoundingClientRect()
   l.style.marginLeft=-(l.getBoundingClientRect().left-gr.left)+'px';
  }
 l.style.paddingLeft=(gr.right-gr.left)+'px';
}

function toggleTabs(m_vars,vars,rule)
{//переключает табы и содержимое
 //параметры: id контейнера табов, id активного таба, класс кликабельных табов (на активном этот класс не ставить!),
 //класс линий-разделителей, функция-фиксер неодинаковости отображения браузерами,
 //id линии-разделителя (для не-ие в этом span span будет позиционироваться и получать нужную ширину скриптом),
 //vars:{cont, }:
 
 m_vars.init({cont:m_vars.cont,line_cls:m_vars.line_cls,gray:m_vars.gray,line5:m_vars.line5});
 
 var blocks=[];
 
 fillAr(blocks,de(vars.cont).getElementsByTagName('div'),vars.block_cls);
 
 blocks[m_vars.opened-1].id=vars.ac;
 
 var tabs=[];

 fillAr(tabs,de(m_vars.cont).getElementsByTagName('span'),m_vars.click_cls);
 
 tabs[m_vars.opened-1].id=m_vars.ac;
 //
 if(window.gLocations)
  de('gMap').innerHTML=gLocations[m_vars.opened-1];
 //
 Cufon.refresh(rule);
 
 for(var i=0;i<tabs.length;i++)
 {
  tabs[i].onclick=function(i)
  {
   return function()
   {
   if(this.id==m_vars.ac)
    return;
   de(vars.ac).id='';
   blocks[i].id=vars.ac;
   //
   if(window.gLocations)
    de('gMap').innerHTML=gLocations[i];
   //
   this.getElementsByTagName('span')[0].style.color='#5377a3';
   this.getElementsByTagName('span')[0].style.cursor='default';
   this.style.borderBottomColor='#5377a3';
   de(m_vars.ac).getElementsByTagName('span')[0].style.color='#565758';
   de(m_vars.ac).getElementsByTagName('span')[0].style.cursor='pointer';
   de(m_vars.ac).style.borderBottomColor='#d4d5d6';
   de(m_vars.ac).className+=' '+m_vars.click_cls;
   de(m_vars.ac).id='';
   this.id=m_vars.ac;
   this.className=this.className.replace(' '+m_vars.click_cls,'');
   Cufon.refresh(rule);
   }
  }(i);
  tabs[i].onmouseover=function()
  {
   if(this.id==m_vars.ac)
    return;
   this.style.borderColor='#a7a8a8';
  }
  tabs[i].onmouseout=function()
  {
   if(this.id==m_vars.ac)
    return;
   this.style.borderColor='#d4d5d6';
  }
 }
}

function line(gray)
{//(только для ие)
 //добавляем в span с серым (левым) заголовком span-линию (#line в цсс)
 var span=document.createElement('span');
 span.id='line';
 de(gray).appendChild(span);
}

function initTabs(vars)
{
 clr(vars.cont);			
 if(browser.opera)
  de(vars.cont).style.paddingBottom='7px';
 if(browser.safari)
  de(vars.cont).style.paddingBottom='4px';
  
 if(browser.ie7||browser.ie8||browser.opera)
  ieOperaSpanFix(vars.cont,vars.line_cls);
 
 if(!(browser.ie7||browser.ie8))
 {
  var lineMarg=(de(vars.gray).getElementsByTagName('span')[0].currentStyle||getComputedStyle(de(vars.gray).getElementsByTagName('span')[0],null)).marginLeft;
  setTabsLine(vars.line5,vars.gray,lineMarg);
  window.onresize=function()
  {
   setTabsLine(vars.line5,vars.gray,lineMarg);
  }
}
 
 if(browser.ie7||browser.ie8)
  line(vars.gray);
}