//DOM READY
Object.extend(Event, {
  _domReady : function() {
    if (arguments.callee.done) return;
    arguments.callee.done = true;

    if (Event._timer)  clearInterval(Event._timer);

    Event._readyCallbacks.each(function(f) { f() });
    Event._readyCallbacks = null;

  },
  onReady : function(f) {
    if (!this._readyCallbacks) {
      var domReady = this._domReady;

      if (domReady.done) return f();

      if (document.addEventListener)
        document.addEventListener("DOMContentLoaded", domReady, false);

        if (/WebKit/i.test(navigator.userAgent)) {
          this._timer = setInterval(function() {
            if (/loaded|complete/.test(document.readyState)) domReady();
          }, 10);
        }

        Event.observe(window, 'load', domReady);
        Event._readyCallbacks =  [];
    }
    Event._readyCallbacks.push(f);
  }
});

	//KONFIG
	var Img_path = '/Silnik/JS/gallery_img/';
	var photoDIV = 'photodiv';//div z obrazkami
	var photoHREF = 'obrazek_href'; //id obrazka link
	var photoIMG = 'obrazek_thumb'; //id obrazka img
	var photoDelBtn = 'obrazek_usun';//id buttona usun
	var naviDIV = 'navidiv';
	var PauzaTime = 8.25;//sek
	var klatki_zanikania = 10;
	var Zanikanie = true;
	var ZanikanieTime = 50;//1/x sek
	var Czas;
	var AktualnyIMG = 0;	
	var kierunek = 'P';//default slideshow direction
	var nastepnyDIVImg;
	
	// Stale
	if(typeof(ImgArray) == 'object')
	{var IleObrazkow = ImgArray.length;}
	else{
	var IleObrazkow = 0;
	}
	var Przezroczystosc = 100;
	var tmp_Przezroczystosc = 0;
	var IMGzanikaDo = 0;

	function Start()
	{
		//Make Navi
		if(document.getElementById('navidiv') && IleObrazkow > 1)
		{ 
		//document.getElementById('navidiv').innerHTML = '<button id="prev" style="width: 30px;" onclick="javascript:;">&lt;</button>&nbsp;<button id="gallery_action" style="width: 30px;" onclick="Pauza();"><b>||</b></button>&nbsp;<button id="next" style="width: 30px;" onclick="javascript:;">&gt;</button>';
		document.getElementById('navidiv').innerHTML = '<img style="width: 35px;height: 36px;" src="'+Img_path+'prev.gif" id="prev" onclick="javascript:;"/>&nbsp;<img style="width: 35px;height: 36px;" src="'+Img_path+'pause.gif" id="gallery_action" onclick="Pauza();"/>&nbsp;<img style="width: 35px;height: 36px;" src="'+Img_path+'next.gif" id="next" onclick="javascript:;"/>';

		//update NAVI
		document.getElementById('prev').onclick = function() {Pauza();SetIMG((AktualnyIMG == 0)?(IleObrazkow-1):(AktualnyIMG-1),'L');};
		document.getElementById('next').onclick = function() {Pauza();SetIMG((AktualnyIMG == IleObrazkow-1)?(0):(AktualnyIMG+1),'P');};

		Czas = setTimeout("SlideShow()",PauzaTime*1000);
		}
	}

	function SlideShow()
	{
		if(IleObrazkow > 1)
		{//w prawo
			for (var i=0;i<IleObrazkow;i++)
			{
				//alert(i+' '+ImgArray[i])
				if(document.getElementById(photoHREF).href == ImgArray[i])
				{
					//update NAVI
					//document.getElementById('gallery_action').innerHTML = '<b>||</b>';
					document.getElementById('gallery_action').src = ''+Img_path+'pause.gif';
					document.getElementById('gallery_action').onclick = function() {Pauza();};
					AktualnyIMG = i;
					switch (i)
					{
						case 0://pierwszy
							SetIMG(1,kierunek);
							Czas = setTimeout("SlideShow()",PauzaTime*1000);
						break;

						case IleObrazkow-1://ostatni
							SetIMG(0,kierunek);
							Czas = setTimeout("SlideShow()",PauzaTime*1000);
						break;

						default://kolejne
							SetIMG((i+1),kierunek);
							Czas = setTimeout("SlideShow()",PauzaTime*1000);
						break;
					}
				break;
				}
			}
		}
	}

	function Get_ImageID(str)
	{
		return str.substr(str.indexOf("=")+1,str.length);
	}

	function SetIMG(id,dir)
	{
		//Kolejny
		if(typeof(ImgArray) == 'object' && typeof(ImgArray[id]) != 'undefined' && id < IleObrazkow)
		{

		//update NAVI
		document.getElementById('prev').onclick = function() {Pauza();SetIMG((id == 0)?(IleObrazkow-1):(id-1),'L');};
		document.getElementById('next').onclick = function() {Pauza();SetIMG((id == IleObrazkow-1)?(0):(id+1),'P');};

		if (dir == 'L'){
			document.getElementById(photoDIV).style.backgroundImage = 'url(' + ImgArray[id] + '&thumb)';
		}else{
			document.getElementById(photoDIV).style.backgroundImage = 'url(' + ImgArray[id] + '&thumb)';
		}
		
			if(Zanikanie == true){

				if(Przezroczystosc > 0 && Przezroczystosc <= 100){

					Przezroczystosc -= klatki_zanikania;
					setWidocznosc(document.getElementById(photoIMG),Przezroczystosc);// zanikam z obrazkiem do 0
					setTimeout("SetIMG("+id+",'"+dir+"')",ZanikanieTime);
				}else{

				document.getElementById(photoHREF).href = ImgArray[id];
				document.getElementById(photoIMG).src = ImgArray[id]+'&thumb';

				Przezroczystosc = 100;
				setWidocznosc(document.getElementById(photoIMG),100);
				
				if (dir == 'P'){					
						switch (id)
						{
							case 0://pierwszy
								nastepnyDIVImg = 1;
							break;

							case IleObrazkow-1://ostatni
								nastepnyDIVImg = 0;
							break;

							default://kolejne
								nastepnyDIVImg = id+1;
							break;
						}
						document.getElementById(photoDIV).style.backgroundImage = 'url(' + ImgArray[nastepnyDIVImg] + '&thumb)';
					}
				
				}

			}else{
			document.getElementById(photoHREF).href = document.getElementById(photoIMG).src = ImgArray[id];
			}

		AktualnyIMG = id;

		if(document.getElementById(photoDelBtn)){
			var numer = Get_ImageID(ImgArray[id]);
			document.getElementById(photoDelBtn).onclick = function() {if(confirm('Na pewno?')){return document.location.href='./operacja,usun,zdjecie,'+numer+',0';}else{return false;}};
		}
		}
	}

	function setWidocznosc(obj, opacity) {
		opacity = (opacity == 100)?99.999:opacity;

		// IE/Win
		obj.style.filter = "alpha(opacity:"+opacity+")";

		// Safari<1.2, Konqueror
		obj.style.KHTMLOpacity = opacity/100;

		// Older Mozilla and Firefox
		obj.style.MozOpacity = opacity/100;

		// Safari 1.2, newer Firefox and Mozilla, CSS3
		obj.style.opacity = opacity/100;
	}

	function Pauza()
	{
		clearTimeout(Czas);

		//update NAVI
		document.getElementById('prev').onclick = function() {Pauza();SetIMG((AktualnyIMG == 0)?(IleObrazkow-1):(AktualnyIMG-1),'L');};
		document.getElementById('next').onclick = function() {Pauza();SetIMG((AktualnyIMG == IleObrazkow-1)?(0):(AktualnyIMG+1),'P');};

		////document.getElementById('gallery_action').innerHTML = '<b>&gt;</b>';
		document.getElementById('gallery_action').src = ''+Img_path+'play.gif';
		document.getElementById('gallery_action').onclick = function() {Start();};
	}
	
	Event.onReady(Start);