var xmlHttp = createXmlHttpRequestObject();
var serverAddress = "gallery.php"; //link do skryptu php, ktory odpali odpowiednia klase uzyty poznej w linijce 73
var showErrors = true;
var cache = new Array();
var start_gallery=1;
var max_gallery=0;

function createXmlHttpRequestObject()  // tworznie obiektu do odpowiedzi zaleznie czy Ie czy inna przegladarka
{
  var xmlHttp;
  
  try
  {
   
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    
    var XmlHttpVersions = new Array("MSXML2.XMLHTTP.6.0",
                                    "MSXML2.XMLHTTP.5.0",
                                    "MSXML2.XMLHTTP.4.0",
                                    "MSXML2.XMLHTTP.3.0",
                                    "MSXML2.XMLHTTP",
                                    "Microsoft.XMLHTTP");
  
    for (var i=0; i<XmlHttpVersions.length && !xmlHttp; i++) 
    {
      try 
      { 
       
        xmlHttp = new ActiveXObject(XmlHttpVersions[i]);  // sprawdza wersje
      } 
      catch (e) {} 
    }
  }
 
  if (!xmlHttp)
    displayError("B��d podczas tworzenia obiektu XMLHttpRequest.");
  else 
    return xmlHttp;
}

function displayError($message)
{
  
  if (showErrors)
  {
  
    showErrors = false;
   
    //alert("Wyst�pi� b��d: \n" + $message);
   
  }
}
function galeria(where)  // wartosc i id pola dla jakiego zostala wywolana ta funkcja
{  document.getElementById('foto').innerHTML='<center><img src="Image/loading.gif" alt="loading" style="margin-top:10px;"></center>';
   
   if(where==1)
   start_gallery=1;
   if(where==2)
   {
   if(max_gallery==0)
   start_gallery++;
   else if((start_gallery+5)<max_gallery)
   start_gallery++;
   }
    if(where==3)
    {
    if(start_gallery>1)
    start_gallery--;
   else
    start_gallery=1;
    }  
   if (xmlHttp)
  {
    if (where)  
    {

      where = encodeURIComponent(start_gallery);
       cache.push("where=" + where);  //wrzuca do tablicy wartosc i klucz   
      
    }
      try
    {   
         if ((xmlHttp.readyState == 4 || xmlHttp.readyState == 0) && cache.length > 0)  // jezeli serwer jest wolny (4)
      {  
        var cacheEntry = cache.shift();
         xmlHttp.open("POST", serverAddress, true);
        xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xmlHttp.onreadystatechange = handleRequestStateChange;
        xmlHttp.send(cacheEntry);

      }
    }
    catch (e)
    {
       displayError(e.toString());
    }
  }
}
function handleRequestStateChange() 
{
  if (xmlHttp.readyState == 4) 
  {
    if (xmlHttp.status == 200) 
    {
      try
      {
        readResponse();  //czyta odpowiedz z pliku php
      }
      catch(e)
 
      { setTimeout("galeria(0)", 1000);
        displayError(e.toString());
      }
    }
    else
    {
       displayError(xmlHttp.statusText);
    }
  }
}
function readResponse()  //funkcja do czytania odpowiedzi z pliku XML
{ 
  var response = xmlHttp.responseText;
  if (response.indexOf("ERRNO") >= 0 || response.indexOf("error:") >= 0
    || response.length == 0)
    throw(response.length == 0 ? "Server error." : response);
  responseXml = xmlHttp.responseXML;
   xmlDoc = responseXml.documentElement;
   foto = xmlDoc.getElementsByTagName("foto");
   plik = xmlDoc.getElementsByTagName("plik");
   h = xmlDoc.getElementsByTagName("h");
   w = xmlDoc.getElementsByTagName("w");    
   nazwa = xmlDoc.getElementsByTagName("nazwa");
   max_gallery=xmlDoc.getElementsByTagName("max")[0].firstChild.data;
   
   var html='<div id="foto_center" style="opacity: 0; visibility: hidden;"><center>';
   var odstep='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  for( var i=0; i<nazwa.length; i++)
  {
  if(i>0)
  html+=odstep;
  html+='<a rel="lightbox" href="javascript: newWindows(\'image/image/'+plik[i].firstChild.data+'\', \''+h[i].firstChild.data+'\', \''+w[i].firstChild.data+'\')" id="urlpodglad" name="urlpodglad"><img src="image/miniatura.php?fileName=../image/image/'+plik[i].firstChild.data+'&size=50" id="foto_'+i+'" onMouseover="this.style.borderColor=\'#00e0ff\'"  onMouseout="this.style.borderColor=\'#666666\'" border="0" onClick="foto()" style="border: 1px solid #666666;"></a>';
  imageArray[i]=plik[i].firstChild.data;
  }
  html+='</center></div>';

    myLightbox = new Lightbox();
   var response=document.getElementById('foto');
   response.innerHTML=html;
   show('foto_center', 1.5, 100, 0);
   setTimeout('visible_el()', 50); 
}

function visible_el()
	{
		document.getElementById('foto_center').style.visibility='visible';
	}

function newWindows(plik, h, w) {
		
		hide('page', 1, 100, 30);
		var Lightbox = Class.create();
		document.write('<div style="position: absolute; width: '+h+'px; height: '+w+'px; background-Image: url(\''+plik+'\');"></div>');
		var url =plik;
		opcje	= '"toolbar=0,location=0,directories=0,status=1,statusbar=0,menubar=0,top=50,left=200,screenX=0,screenY=0,scrollbars=0,resizable=yes,width='+h+', height='+w+'"';
   // window.open(url, "", opcje);
}


function opacity(id, opacStart, opacEnd, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;

	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function show(id, millisec, opacit, start_show) {
		opacity(id, start_show, opacit, millisec*1000);
}

function hide(id, millisec, opacit, stop)
{
		opacity(id, opacit, stop, millisec*1000);
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";

	changeOpac(0, imageid);

	document.getElementById(imageid).src = imagefile;

	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	var currentOpac = 100;
	
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	opacity(id, currentOpac, opacEnd, millisec)
}

function view_menu_step_2(id_1)
	{
		document.getElementById('name_'+id_1).style.fontWeight='bold';
		document.getElementById('active_'+id_1).style.visibility='visible'; 
		document.getElementById('step_'+id_1).style.visibility='visible'; 
		document.getElementById('step_'+id_1).style.position='relative';
	}
	
function chide_menu_step_2(id_1)
	{
		document.getElementById('name_'+id_1).style.fontWeight='normal';
		document.getElementById('active_'+id_1).style.visibility='hidden'; 
		document.getElementById('step_'+id_1).style.visibility='hidden'; 
		document.getElementById('step_'+id_1).style.position='absolute';
	}	
function view_menu_step_3(id_1, podkat)
	{
		document.getElementById('step_3_'+id_1).style.visibility='visible'; 
		document.getElementById('step_2_father_'+id_1).style.fontWeight='bold';
		if(podkat) 
		document.getElementById('active_2_'+id_1).style.visibility='visible';
	}
function chide_menu_step_3(id_1)
	{
		document.getElementById('step_3_'+id_1).style.visibility='hidden';
		document.getElementById('step_2_father_'+id_1).style.fontWeight='normal'; 
		document.getElementById('active_2_'+id_1).style.visibility='hidden';
	}	
	
function menu_3_onover(id_1)
	{
		document.getElementById('step_2_father_'+id_1).style.fontWeight='bold'; 
		document.getElementById('active_2_'+id_1).style.visibility='visible';
		
	}