var Photos = Array();
var Pointer = 0;
var Total = 0;
var ShowMode = 0; //  0 - single , 1 - multi

function PhotoAdd(photo)
{
 Photos[Total] = photo;
 Total++;  
}

/*function $(name)
{
  return document.getElementById(name);
}*/

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

function GalleryInit()
{

  var galleryBg = document.createElement('div');
  galleryBg.id = 'FSIgalleryBg';
  galleryBg.style.top = '0px';
  galleryBg.style.left = '0px';
  galleryBg.style.width =  $(document).viewport.getWidth() + 'px';
  galleryBg.style.height = $(document.body).getHeight() + 'px';
  galleryBg.style.display = 'none' ;     
  galleryBg.style.backgroundColor = '#000000';  
  galleryBg.style.position = 'absolute';
  galleryBg.style.zIndex = '2000';
  $(galleryBg).setOpacity(0.5);
  document.body.appendChild(galleryBg);
  

  var gallery = document.createElement('div');
  gallery.id = 'FSIgallery';
  
  gallery.style.width = '200px';
  gallery.style.height = '200px';
  gallery.style.display = 'none';
  gallery.style.backgroundColor = '#e3e3e1';
  gallery.style.position = 'absolute';
  gallery.style.zIndex = '2001';
  
  gallery.innerHTML = '<img style="margin:10px;" id="FSIgalleryImage" onload="GalleryImageLoaded();" alt="" /><div><img src="/images/gallery/show_close.gif" style="float:right; margin-right:10px; cursor:pointer;" onclick="GalleryClose()" /></div>';

  document.body.appendChild(gallery);
  
  var galleryNavR = document.createElement('div');
  galleryNavR.id = 'FSIgalleryNavR';
  galleryNavR.style.display = 'none';
  galleryNavR.style.position = 'absolute';
  galleryNavR.style.zIndex = '2002';
  
  galleryNavR.innerHTML = '<img style="cursor:pointer;" id="FSIgalleryNavR" src="/images/gallery/show_right.gif" alt="" />';
  
  document.body.appendChild(galleryNavR);
  
  var galleryNavL = document.createElement('div');
  galleryNavL.id = 'FSIgalleryNavL';
  galleryNavL.style.display = 'none';
  galleryNavL.style.position = 'absolute';
  galleryNavL.style.zIndex = '2002';
  galleryNavL.innerHTML = '<img style="cursor:pointer;" id="FSIgalleryNavL" src="/images/gallery/show_left.gif" alt="" />';
  
  document.body.appendChild(galleryNavL);  
   
}

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

function RePosition()
{

  var offset = document.viewport.getScrollOffsets();

  $('FSIgalleryBg').show();
  
  var gallery = $('FSIgallery');
    
  newPosTop=($(document).viewport.getHeight() - gallery.getHeight()) / 2 + offset[1] ;
  if (gallery.style.display == '')
  {
	newPosTest=newPosTop-offset[1];
	if (newPosTest<0)
	{
		if (window._initShow)
		{
			window._initShow=false
		}
		else
		{
			return
		}
	}
  }
  else
  {
    window._initShow=true;
  }

    gallery.style.display = '';
    gallery.style.top  =   newPosTop + 'px';
    gallery.style.left = ($(document).viewport.getWidth() - gallery.getWidth() ) / 2 + 'px';

  if(ShowMode > 0 )
  {
    if(Pointer == 0)
      $('FSIgalleryNavL').hide();
    else
      $('FSIgalleryNavL').show();

    var galleryL = $('FSIgalleryNavL');        
      galleryL.style.top  = (gallery.offsetHeight - galleryL.offsetHeight) /2 + gallery.offsetTop  + 'px';
      galleryL.style.left = gallery.offsetLeft +  10 + 'px';
      galleryL.setOpacity(0.75);
    
    if(Pointer == (Total-1))
      $('FSIgalleryNavR').hide();
    else
      $('FSIgalleryNavR').show();
    
    var galleryR = $('FSIgalleryNavR');              
      galleryR.style.top  = (gallery.offsetHeight - galleryL.offsetHeight) /2 + gallery.offsetTop  + 'px';
      galleryR.style.left = gallery.offsetLeft +  gallery.offsetWidth - galleryR.offsetWidth - 10 + 'px';
      galleryR.setOpacity(0.75);  
    
  }

  Element.observe(window,'scroll',RePosition);

}

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

  function DefaultSize()
  {
    var _Mode = ShowMode;
    Element.stopObserving($('FSIgalleryImage'),'load',GalleryImageLoaded);
    
    ShowMode = 0;
    
    $('FSIgallery').style.width  = '100px';
    $('FSIgallery').style.height = '100px';
    $('FSIgalleryImage').src= '/images/gallery/loader.gif';
    
    RePosition();
    ShowMode = _Mode;
    Element.observe($('FSIgalleryImage'),'load',GalleryImageLoaded);
  }

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

function GalleryImageLoaded()
 {
  
  $('FSIgallery').style.width  = $('FSIgalleryImage').offsetWidth  + 20 + 'px';
  $('FSIgallery').style.height = $('FSIgalleryImage').offsetHeight + 50 + 'px';   
  RePosition();
  
 };

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

function GalleryClose()
{
  Element.stopObserving(window,'scroll',RePosition);
  $('FSIgalleryNavR').hide();
  $('FSIgalleryNavL').hide();
  $('FSIgallery').hide();
  $('FSIgalleryBg').hide();  
}
/*---------------------------------------------*/
function ShowView(path)
{
  Pointer = 0;
  var indx =0;
  if(Total > 1) // wiecej niż jeden obrazek
  {
    for(indx = 0; indx <= Total; indx++ )
    {
      if(Photos[indx] && Photos[indx] == path)
      {
        Pointer = indx;
        indx = Total + 1;
      }  
 
    }
    ShowMode = 1;
    DefaultSize();
    $('FSIgalleryImage').src=Photos[Pointer] ;
    Element.observe($('FSIgalleryNavR'),'click',ShowNext);
    Element.observe($('FSIgalleryNavL'),'click',ShowPrev);    
  }
  else  // tylko jeden obrazek
  {
    ShowMode = 0;
    DefaultSize();
    $('FSIgalleryImage').src=path ;
  }

}
/*---------------------------------------------*/

function ShowNext()
{
  if(Pointer < Total)  
    Pointer++;

  ShowMode = 1;
  $('FSIgalleryImage').src=Photos[Pointer] ;     
      
  
    
}

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

function ShowPrev()
{
  if(Pointer > 0)  
    Pointer--;

  ShowMode = 1;
  $('FSIgalleryImage').src=Photos[Pointer] ;     
      
 
    
}


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