// Массив ссылок на картинки. Предназначен для листания
  var current_pic_arr = Array ();
  var current_alt_arr = Array ();
	
  var curopacity = 0;
  var timer    = null;

	// Поиск ссылки pic в массиве ссылок на картинки
  function findPicInArr(pic, pic_arr){
  	var res = -1;
    for (var i = 0; i < 4; i++){
      if (pic.indexOf(pic_arr[i]) > 0){
      	res = i;
	    break;
	  }
	}
	return res;
  }

	// Перелистывание картики вперед
  function Next(pic_arr, alt_arr){
		img = document.getElementById('preview_img');
    var str = img.src;
		
		// Поиск текуще картинки в массиве
	 	var i = findPicInArr(str, pic_arr);                           

		// Отображение картинки следующей за найденой
	  if (pic_arr[i + 1]){
      img.src = pic_arr[i + 1];
      img.alt = alt_arr[i + 1];
			document.getElementById('prev_caption').innerHTML = img.alt;
    }
  }
	
	// Перелистывание картики назад
  function Prev(pic_arr, alt_arr){
    img = document.getElementById('preview_img');
    var str = img.src;
      
		// Поиск текуще картинки в массиве               
		var i = findPicInArr(str, pic_arr);
		// Отображение картинки предшествующей найденой
    if ((i-1) > -1 && pic_arr[i - 1]){
      img.src = pic_arr[i - 1];
      img.alt = alt_arr[i - 1];
			document.getElementById('prev_caption').innerHTML = img.alt;			
    }
  }
	// Сокрытие кнопок листания по достижению начала или конца массива  
  function hideNavImgages(pic, pic_arr){
  	var i = findPicInArr(pic, pic_arr);
		
		var previmg = document.getElementById ("prev_img");
		var nextimg = document.getElementById ("next_img");	
	
		// Делаем кнопки видимыми	visibility hidden
		previmg.style.display = 'none';
		nextimg.style.display = 'none';

		// Если предыдущего эл-та массива не существует - скрываем кнопку "Пред."
		if (pic_arr[i - 1]){
      previmg.style.display = 'inline';
		}

		// Если следыдущего эл-та массива не существует - скрываем кнопку "След."
		if (pic_arr[i + 1]){
      nextimg.style.display = 'inline';
		}
  }

	function main_imgClick(m_img, pic_arr, alt_arr){
		current_pic_arr = pic_arr; 
		current_alt_arr = alt_arr; 
		SetPrev(m_img.src, 800, 600, 10, m_img.alt); 
		hideNavImgages(m_img.src, current_pic_arr);						
	}

	function thumb_imgClick(th_img, th_num){
		document.getElementById("main_img_" + th_num).src = th_img.src;
		document.getElementById("main_img_" + th_num).alt = th_img.alt;
	}

	// Получение ширины рабочей области страницы
  function getClientWidth() {
    return window.document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
  }

	// Получение высоты рабочей области страницы
  function getClientHeight() {
    return window.document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
  }

	// Затенение страницы
	function shadow()
	{
		curopacity = curopacity + 10;
		
    var sd = document.getElementById ("shadow_div");
    
    sd.style.opacity = curopacity	/ 100;
		sd.style.MozOpacity = curopacity	/ 100;
		sd.style.filter = "Alpha(Opacity="+curopacity+")";

		if (curopacity >= 80) clearInterval (timer);
	}      

	// Предпросмотр картинки со ссылкой href, шириной width, высотой height 
  function SetPrev(href, width, height, top, caption) {
		var tempw    = 0, temph = 0;
    var swidth   = getClientWidth();
    var sheight  = getClientHeight();
		
		// Инициализация блока, который будет менять прозрачнось для эффекта  затенения экрана	
		var shad = document.getElementById("shadow_div");
		shad.style.visibility = 'visible';

		shad.style.opacity = 0;
		shad.style.MozOpacity = 0;
		              
		// Затенение экрана с интервалом 3 мсек.
		timer = setInterval ("shadow()", 3);		
    
    // Получение указателя на блок отображения картинки
		var el_fg = document.getElementById('prev_fg_div');
    		
		// Расчет ширины и высоты блока отображения картинки в зависимости 
		// от превышения его размерами размеров раб. области
    if (width < swidth && height < sheight) {
        tempw = width;
        temph = height;

        el_fg.style.width = width + 'px';
        el_fg.style.height = height + 'px';
      }
    else {
        var k = width / height;

        tempw = (sheight * k);
        temph = sheight - top * 2;

        el_fg.style.height = temph + 'px';          
        el_fg.style.width = tempw + 'px';
      }
      
		// Позиционирование блока отображения картинки в центр экрана по Y
		tp = getBodyScrollTop();
		el_fg.style.top = tp + (getClientHeight() / 2) - (temph / 2);

		// Назначение обработчика прогкрутки страницы. При прокрутке блок отображения картинки будет центрироваться по высоте
		window.onscroll = function () { 
		  document.getElementById('prev_fg_div').style.top = getBodyScrollTop() + (getClientHeight() / 2) - (temph / 2)
    };


    var ww = - 1 * tempw / 2;
    
		// Позиционирование блока отображения картинки в центр экрана по X
    ww = ww;
    el_fg.style.left = '50%';
    el_fg.style.marginLeft = ww + 'px';
      
		// Позиционирование подписи
		var prev_cap = document.getElementById('prev_caption');
    prev_cap.style.top = '100%';
    prev_cap.style.marginTop = '-22px';	
		prev_cap.innerHTML = caption;	

		// Получение указателя на избражение и отображение на ней картинки href
    var prev_img = document.getElementById('preview_img');
    prev_img.src = href;

     
		// Задание размеров изображения и позиционирование внури блока
    ww = - 1 * (tempw - 40) / 2;
      
    prev_img.style.width = tempw - 50;
    prev_img.style.height = temph - 50;

    prev_img.style.top = 25;
    prev_img.style.left = 25;
      
		// Позиционирование кнопки "Закрыть"
    var cl_img = document.getElementById('close_img');
    cl_img.style.top = 5;
    cl_img.style.left = tempw - 80;

		// Позиционирование кнопки "След."
		var nx_img = document.getElementById('next_img');
    nx_img.style.top = temph - 18;
    nx_img.style.left = tempw - 55;

		// Позиционирование кнопки "Пред."
		var pr_img = document.getElementById('prev_img');
    pr_img.style.top = temph - 18;
    pr_img.style.left = 24;
		
		

    // Делаем блок видимым
		el_fg.style.visibility = 'visible';
  }
    
	// Закртие блока предпросмотра изображения
  function ClosePrev() {
		window.onscroll = '';
		var shad = document.getElementById("shadow_div");

		shad.style.opacity = 0;
		shad.style.MozOpacity = 0;
		shad.style.filter = "Alpha(Opacity = 0)";
		curopacity = 0;
		clearInterval (timer);

    var el_fg    = document.getElementById('prev_fg_div');
		var prev_img = document.getElementById('preview_img');

    el_fg.style.visibility = 'hidden';
		shad.style.visibility = 'hidden';
		prev_img.src = '';
  }

 
	function resizeDivs(){
    for (var i = 0; i < 30; i++){
      ed = document.getElementById('extDiv_' + i);
      id = document.getElementById('intDiv_' + i);
      sd = document.getElementById('scrollDiv_' + i);
      if (ed && id){
			ed.style.width = getClientWidth() - 40;
			id.style.width = getClientWidth() - 380;
			sd.style.width = getClientWidth() - 400;
      } 
    }      
  }