function loadXMLDoc(url)
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET",url,false);
xmlhttp.send(null);
document.getElementById('scena').innerHTML=xmlhttp.responseText;
}

window.addEvent('domready', function() {
    var divyzPodgladem = $$('.gal', '.gal2');
    
    var showGal = function(){

    imgNr = this.src;



    cleanNr = imgNr.charAt(72)+imgNr.charAt(73);
    if (cleanNr<10){
    cleanNr = imgNr.charAt(72);
    }
    else{
    cleanNr = imgNr.charAt(72)+imgNr.charAt(73);    
    }
    
    
    loadXMLDoc('photo.php?nr='+cleanNr)
    
    $('galeria_overlay').setStyle('display', 'inline');

    }
    
    var hideGal = function(){
    $('galeria_overlay').setStyle('display', 'none')
    }
    

    var nextP = function(){
    if (cleanNr.toInt() < 21){
    cleanNr = cleanNr.toInt()+1;
    loadXMLDoc('photo.php?nr='+cleanNr);
    }
    else{
    cleanNr = 1;
    loadXMLDoc('photo.php?nr='+cleanNr);
    }
    }
    
    var prevP = function(){
    if (cleanNr.toInt() > 1){
    cleanNr = cleanNr.toInt()-1;
    loadXMLDoc('photo.php?nr='+cleanNr);
    }
    else{
    cleanNr = 21;
    loadXMLDoc('photo.php?nr='+cleanNr);
    }
    }
    
    divyzPodgladem.each(function(item, el){
  
    
    item.addEvent('click', showGal);


//        new Request.HTML({
//			  url: 'photo.php',
//			  method: 'get',
//			  update: item,
//			  evalScripts: true /* this is the default */
//		  }).send('nr='+el);
//    console.log(item, el);

        
    });

    $('close_gal').addEvent('click', hideGal)
    $('next_p').addEvent('click', nextP);
    $('prev_p').addEvent('click', prevP);

    
});