﻿
function ShowImage(url){
  var overlay = jQuery('#overlay');
  var loading = jQuery('#loading');
  var popup = jQuery('#popup');
  var contain=jQuery('#contain');
jQuery(this).attr('id',"active");

  //Определяем на сколько сдвинут вертикальный скроллинг окна браузера
	var yScroll = jQuery.browser.msie ? document.documentElement.scrollTop : self.pageYOffset;
	//Опредиляем высоту окна
  var windowHeight = jQuery.browser.msie ? document.documentElement.clientHeight : window.innerHeight;
	//Вертикальная позиция popup
  var posTop = Math.round((windowHeight/2) + yScroll);
  //показываем индикатор загрузки
  overlay.css({opacity:0.4}).fadeIn(500); //показываем затемненный фон;

  loading.css({display:'block',top:posTop+'px'});  

   var img = new Image();
   jQuery(img).load(function(){
    //после того как картинка загрузится
    loading.css('display','none');//убираем индикатор загрузки
	
    contain.html(this);//вставляем картинку в див #popup
    image=contain.find('img');
	jQuery(this).css('cursor','pointer').attr("title","Закрыть");//устанавливаем картинке курсор и тайтл
      //устанавливаем функцию исчезновения дива #popup по клику
      overlay.click(closer);
	  jQuery(this).click(closer);
    
    //устанавливаем минусовые margin чтобы див #popup был по центру окна
    //после этого плавное появление дива #popup с нашей картинкой
    popup.fadeIn('slow');
	image.height('616');
	image.width('220');
	contain.jScrollPane();
			
  }).attr('src', url);//URL той самой картинки



//функция для корректировки размера фонового слоя при изменении размера окна
function closer() {
			 overlay.fadeOut('fast',function () {
        popup.fadeOut('slow');
        });
				}

}
//Функция коррекции положения окна при скроллинге




