// ---------------------------------------------------


rubrNames = new Array('Suburbs','History','Architecture','Fresc','Bibliogr','3D','Photo','Video');
subRubr = new Array(1,1,1,1,0,1,0,0);
n_rubr = rubrNames.length;   // количество основных разделов

activeRubrBgColor = '#E5D0B3';                               

// ---------------------------------------------------
//-----------------------------------------------------

function shiftSubDiv(idSubRubr)
{
  var el = document.getElementById('subDiv'+idSubRubr);
  
  if ( el.style.display == 'none' )
    el.style.display = 'block'
  else
    el.style.display = 'none';
};

//-----------------------------------------------------


function initRubr(idRubr,idSubRubr)
// idRubr - ID основного раздела
// idSubRubr - ID подрубрики
{
  // скрыли все подразделы:
  for (i=0; i<n_rubr; i++)
   if (subRubr[i]==1)
   document.getElementById('subDiv'+rubrNames[i]).style.display = 'none';

  // отметили основной раздел:
  document.getElementById(idRubr).style.backgroundColor = activeRubrBgColor;
  
  //Открыли подраздел раздела с idRubr (его ID  =  'subDiv' + idRubr)
  // открыли:
  document.getElementById('subDiv'+idRubr).style.display = 'block';
  
  //Отметили выбранный подраздел:
  document.getElementById(idSubRubr).style.fontWeight = 'bold';
};

//-----------------------------------------------------


function initSimpleRubr(idRubr)
// idRubr - ID основного раздела
// idSubRubr - ID подрубрики
{
  // отметили основной раздел:
  document.getElementById(idRubr).style.backgroundColor = activeRubrBgColor;
};


//-----------------------------------------------------
//-----------------------------------------------------

// Вывод иллюстрации в абсолютно позиционированном DIV-е с ID = 'hiddenPict'
// При этом основное содержимое документа затеняется показом ранее скрытого DIV-а  с ID = 'shadow'
// Задействован еще DIV - контейнер всего содержимого документа (с ID = 'containerDiv')
// (см. main.css:
//      #hiddenPict { padding:20px; text-align:center; background:#FFFFFF; border:1px #000000 solid; position:absolute; display:none}
//      
//      #shadow {  top:0px; left:0px;
//                position:absolute;
//                width:100%; height:100%; 
//                background:#000000;
//                filter: alpha(opacity=70);  /* IE */
//                opacity: 0.7;              /* Mozilla */
//                visibility:hidden}
//                
//      #containerDiv {padding:0px; margin:0px; position:relative; width:100% }
// )     

//-----------------------------------------------------

var mainImagesDir = 'Images';      // путь к основному каталогу изображений от корня

var hiddenDivPadding = 20;         // см. main.css:  #hiddenPict { padding:20px ...
var hiddenDivTopOffset0 = 30;      // y-позиция DIV-а  #hiddenPict  по умолчанию  
var hiddenDivLeftOffset0 = 30;     // х-позиция DIV-а  #hiddenPict  по умолчанию 

//----------------------------------------------------
// эти глобальные переменные отслеживают размеры скрытого по умолчанию DIV с ID = 'hiddenPict'
//    при загрузке конкретной иллюстрации они используются для сдвига DIV-а в случае window.onResize()

var pictWidthCurrent = 100;
var pictHeightCurrent = 100;

//----------------------------------------------------


function poseHiddenPict(pictWidth,pictHeight)
// располагает скрытый по умолчанию DIV с ID = 'hiddenPict' примерно по центру клиентской части окна
//   с учетом положения скроллинга
{
  //левая координата (расположение по центру):
  var hiddenDivWidth = pictWidth + 2*hiddenDivPadding;
  var hiddenDivLeftOffset = Math.floor( (document.body.clientWidth - hiddenDivWidth)*0.5 );
  if (hiddenDivLeftOffset<hiddenDivLeftOffset0) hiddenDivLeftOffset = hiddenDivLeftOffset0;
  
  //верхняя координата (расположение ПРИМЕРНО по центру):
  var hiddenDivHeight = pictHeight + 2*hiddenDivPadding + 3*hiddenDivPadding;    // ИЗМЕНИТЬ ЭВРИСТИЧЕСКУЮ ДОБАВКУ К ВЫСОТЕ ИЗОБРАЖЕНИЯ (сейчас - 3*hiddenDivPadding)
  var hiddenDivTopOffset = Math.floor( (document.body.clientHeight - hiddenDivHeight)*0.5 );
  if (hiddenDivTopOffset<hiddenDivTopOffset0) hiddenDivTopOffset = hiddenDivTopOffset0;
  
  // позиционируем с учетом положения скроллинга:
  with ( document.getElementById('hiddenPict') )
   {
     style.top = hiddenDivTopOffset + document.body.scrollTop + 'px';
     style.left = hiddenDivLeftOffset + 'px'
   };
};

//----------------------------------------------------


function showPict(pictAddr,pictWidth,pictHeight,pictLegend, source)
// Реализует вывод иллюстрации:
//   - Показывает скрытый по умолчанию DIV с ID = 'hiddenPict' и выводит в него иллюстрацию с подписью
//   - Позиционирует его с использованием poseHiddenPict()
// 	pictAddr                 - путь к файлу изображения
// 	pictWidth и pictHeight	 - ширина и высота изображения
// 	pictLegend               - подпись
//      source                   - источник со ссылкой (для заимствованных изображений)
{        

  // ----------------------------------
  //рассчитаем путь к основному каталогу Images (relativePathToMainImagesDir):
  
  // адрес корня относительно текущего документа:
  var homeLocation = document.getElementById('homeHREF').href;
    
  // глубина текущего каталога (равна разности количества '/' в адресе текущего и корневого каталогов):
  var depth = location.href.split('/').length - homeLocation.split('/').length; 
  
  //путь к основному каталогу Images:
  var relativePathToMainImagesDir = mainImagesDir;
  
  if (depth>0)
   for (i=1; i<=depth; i++)
     relativePathToMainImagesDir = '../' + relativePathToMainImagesDir;

  //-----------------------------------
  // формируем содержимое скрытого по умолчанию DIV-а с иллюстрацией и подписью:
    
  var hiddenDivWidth = pictWidth + 2*hiddenDivPadding;

  // кнопка CLOSE:
  var newInnerHTML = '<div style="text-align:right">' + 
        '<img src="' + relativePathToMainImagesDir + '/close.jpg" width="22" height="21" alt="закрыть" onclick="hidePict()"' + 
        ' style="cursor:pointer; position:relative; top:-17px; left:18px"' + '></div>';

   // иллюстрация с подписью:
   newInnerHTML = newInnerHTML +  
     '<div style="text-align:center; width:' + hiddenDivWidth + 'px">' + 
     '<img src="' + pictAddr + '"  width="' + pictWidth + '" height="' + pictHeight + '" alt="">' +
     '<p>\n' + pictLegend;
   
   if ( source != '' )
     newInnerHTML = newInnerHTML + '<br><a target="_blank" href="' + source + '">источник: ' +
                    source + '</a>';
                    
   newInnerHTML = newInnerHTML + '</p></div>';      
 
   // показываем иллюстрацию:
   with ( document.getElementById('hiddenPict') )
   {
     style.display = 'block';
     innerHTML = newInnerHTML;
   }; 
   
   // позиционируем:
   poseHiddenPict(pictWidth,pictHeight);

// специально для IE, который неправильно показывает тень:
   if ( document.getElementById && document.all )
   {
     document.getElementById('containerDiv').style.height = '100%';
     document.getElementById('shadow').style.height = '100%';
   }; 

   // затеняем основной контент:
   document.getElementById('shadow').style.visibility = 'visible';
   
   // изменяем значения глобальных переменных, используюемых для сдвига DIV-а в случае window.onResize()
   pictWidthCurrent = pictWidth;
   pictHeightCurrent = pictHeight;

};

//----------------------------------------------------------------

function hidePict()
{
  document.getElementById('hiddenPict').style.display = 'none';
  document.getElementById('shadow').style.visibility = 'hidden';
};


//----------------------------------------------------------------

var embedHeightCorr = 45;

//показ видео (WMV) в DIV с указанным ID

 function showWMV(addr,w,h,divID)
 {
   var embedHeight = parseInt(h) + embedHeightCorr;

with (video.document)
{
	clear();
	write('<embed controls="console" showstatusbar="0" src="' +
          addr + '"' +
          ' width="' + w + '" height="' + embedHeight +
          '">');

	close();
}
/*
   document.getElementById(divID).innerHTML = '';
   document.getElementById(divID).innerHTML = 
   '<embed controls="console" showstatusbar="0" src="' +
          addr + '"' +
          ' width="' + w + '" height="' + embedHeight +
          '">';
*/
};














// старый вариант с reload
/*

function showPict(pictAddr,pictWidth,pictHeight,pictLegend, source)
// pictAddr                      - путь к файлу изображения
// pictWidth и pictHeight	 - ширина и высота изображения
// pictLegend                    - подпись
{     
   previousHTML = document.getElementById('content').innerHTML;

   backLink = '<p class="backLinkText" onClick="location.reload()">&lt;&lt;&nbsp;' + 
     document.getElementById('rubrHeader').innerHTML + 
     '</p>';

   var newInnerHTML = backLink +
     '<div style="text-align:center"><img src="' + pictAddr + '"  width="' + pictWidth + '" height="' + pictHeight + '" alt="">' +
     '<p>\n' + pictLegend;
   
   if ( source != '' )
     newInnerHTML = newInnerHTML + '<br><a target="_blank" href="' + source + '">источник: ' +
                    source + '</a>';
                    
   newInnerHTML = newInnerHTML + '</p></div>' +  backLink;                       
   
   document.getElementById('content').innerHTML = newInnerHTML;

};

*/
//-----------------------------------------------------