//##POZIVANJE GALERIJE  prikazi_pozadinu_prikazivaca('slike.php?galerija=deseto_kolo_trilj_2009', 0);
  //##prva varijabla je file koji izraduje xml galerije, a druga varijabla je pocetna slika u galeriji (od 0 ++)
  
  var loading_slika = new Image();
  var slika_trenutna = new Image();
  var monitor_sirina;
  var monitor_visina;
  var dopustena_sirina;
  var dopustena_visina;
  var broj_opacity = 0;
  var mozilla_op;
  var ie_op;
  var x_offset;
  var y_offset;
  var url;
  var slike = new Array();
  var opisi = new Array();
  var broj;
  var pixel_x = 100;
  var pixel_y = 100;
  var sirina_slike;
  var visina_slike;
  var racun;
  var razlika_x;
  var razlika_y;
  var spavanje = 0;
  var spavanje_pozadina = 0;
  var spavanje_x = 0;
  var razlika_visine;
  var razlika_sirine;
  var prva_slika;
  var m=0;
  var sirina_kontejnera;
  var broj_slika_thumb;
  var plus_img;
  var minus_img;
  
  
//##################################KONTEJNER THUMB drzac
function sirina_kontejnera_thumb() {
if (navigator.appName == 'Netscape') {
document.getElementById('drzac_tablica_thumb').style.width = '100%';
}
sirina_kontejnera = document.getElementById('gl_drzac_thumb').offsetWidth;
sirina_kontejnera_broj = Math.floor(sirina_kontejnera/64);

broj_slika_thumb = document.getElementById('broj_slika_thumb').title;
document.getElementById('div1').style.width = ((broj_slika_thumb*64)+2)+'px';

if ((broj_slika_thumb*64) < (sirina_kontejnera_broj*64)) {
document.getElementById('container').style.width = (broj_slika_thumb*64)+'px';
document.getElementById('gl_drzac_thumb').style.width = (broj_slika_thumb*64)+'px';
if (navigator.appName == 'Netscape') {
document.getElementById('drzac_tablica_thumb').style.width = (broj_slika_thumb*64)+'px';
}
} else {
if (navigator.appName == 'Netscape') {
document.getElementById('drzac_tablica_thumb').style.width = (sirina_kontejnera_broj*64)+'px';
}
document.getElementById('container').style.width = (sirina_kontejnera_broj*64)+'px';
document.getElementById('gl_drzac_thumb').style.width = (sirina_kontejnera_broj*64)+'px';
}
}
//##################################KONTEJNER THUMB drzac

//####################################SCROLL galerija thumb
function scroll_slike_thumb(direkcija) {
if (direkcija=='plus') {
if (m == 0) {
m = m-64;
} else if (m < 0) {
if (((m-64)+(broj_slika_thumb*64)) < (sirina_kontejnera_broj*64)) {
//###
} else {
m = m-64;
}
}
} else if (direkcija=='minus') {
if (m < 0) {
m = m+64;
} else if (m == 0) {
//###
}
}

document.getElementById('div1').style.left=m+'px';
} 
//####################################SCROLL galerija thumb

//##############################SLIJEDECA
function slijedeca() {
document.getElementById("slika").style.filter = "alpha(opacity=0)";
document.getElementById("slika").style.opacity = "0";
document.getElementById("slika").style.visibility = "hidden";
document.getElementById("minus").style.visibility = "hidden";
document.getElementById("plus").style.visibility = "hidden";
broj = slike.length;

if ((slike.length-1) == prva_slika) {
plus_img = 0;
} else {
prva_slika = prva_slika+1;
if ((slike.length-1) == prva_slika) {
plus_img = 0;
}
ucitavanje_slike(prva_slika);
minus_img = 1;
document.getElementById("tekst_slike").innerHTML = '('+(prva_slika+1)+'/'+slike.length+') '+opisi[prva_slika];
}
}
//##############################SLIJEDECA

//##############################PRETHODNA
function povratak() {
document.getElementById("slika").style.filter = "alpha(opacity=0)";
document.getElementById("slika").style.opacity = "0";
document.getElementById("slika").style.visibility = "hidden";
document.getElementById("minus").style.visibility = "hidden";
document.getElementById("plus").style.visibility = "hidden";
broj = slike.length;

if (prva_slika == 0) {
minus_img = 0;
} else {
if (prva_slika == 1) {
minus_img = 0;
}
plus_img = 1;
prva_slika = prva_slika-1;
ucitavanje_slike(prva_slika);
document.getElementById("tekst_slike").innerHTML = '('+(prva_slika+1)+'/'+slike.length+') '+opisi[prva_slika];
}
}
//##############################PRETHODNA

//###############################LOAD SLIKE
function ucitavanje_slike(broj) {
slika_trenutna.onload = function () {
pozadina(slika_trenutna.width, slika_trenutna.height, broj);
}
slika_trenutna.src = slike[broj];
}
//###############################LOAD SLIKE

//###############################POZADINA
function pozadina(www, hhh, broj) {

var omjer_slike = www/hhh;

if (omjer_slike < 1) {
if (hhh > dopustena_visina) {
spavanje_prije_pozadine();
visina_slike = dopustena_visina;
sirina_slike = Math.round(dopustena_visina*omjer_slike);
www = sirina_slike;
hhh = visina_slike;
} else {
spavanje_prije_pozadine();
visina_slike = hhh;
sirina_slike = Math.round(www/omjer_slike);
www = sirina_slike;
hhh = visina_slike;
}

} else if (omjer_slike > 1) {
if (www > dopustena_sirina) {
if ((Math.round(dopustena_sirina/omjer_slike)) > dopustena_visina) {
spavanje_prije_pozadine();
razlika_visine = (Math.round(dopustena_sirina/omjer_slike))-dopustena_visina;
visina_slike = (Math.round(dopustena_sirina/omjer_slike))-razlika_visine;
sirina_slike = visina_slike*omjer_slike;
www = sirina_slike;
hhh = visina_slike;
} else {
spavanje_prije_pozadine();
sirina_slike = dopustena_sirina;
visina_slike = Math.round(dopustena_sirina/omjer_slike);
www = sirina_slike;
hhh = visina_slike;
}
} else {
if ((Math.round(www/omjer_slike)) > dopustena_visina) {
spavanje_prije_pozadine();
visina_slike = dopustena_visina;
sirina_slike = Math.round(dopustena_visina*omjer_slike);
www = sirina_slike;
hhh = visina_slike;
} else {
sirina_slike = www;
visina_slike = hhh;
//######################
}
}

} else if (omjer_slike == 1) {
if (hhh > dopustena_visina) {
spavanje_prije_pozadine();
visina_slike = dopustena_visina;
sirina_slike = dopustena_visina;
www = sirina_slike;
hhh = visina_slike;
} else {
spavanje_prije_pozadine();
visina_slike = hhh;
sirina_slike = www;
}
}
document.getElementById('slika').style.width = sirina_slike+'px';
document.getElementById('slika').style.height = visina_slike+'px';
spavanje_prije_animacije();
}
//###############################POZADINA

//###############################SPAVANJE pozadina
function spavanje_prije_animacije() {
if (spavanje_x<1) {
spavanje_x++;
setTimeout('spavanje_prije_animacije()', 500);
} else {
animacija_pozadine();
spavanje_x = 0;
}
}
//###############################SPAVANJE pozadina

//###############################SPAVANJE pozadina
function spavanje_prije_pozadine() {
if (spavanje_pozadina<1) {
spavanje_pozadina++;
setTimeout('spavanje_prije_pozadine()', 500);
} else {
spavanje_pozadina = 0;
}
}
//###############################SPAVANJE pozadina

//###############################SPAVANJE slika
function spavanje_prije_slike() {

if (spavanje<1) {
spavanje++;
setTimeout('spavanje_prije_slike()', 500);
} else {
document.getElementById('slika').style.visibility = 'visible';
document.getElementById('slika').setAttribute('src', slike[prva_slika]);
spavanje = 0;
opacity_slike();
}
}
//###############################SPAVANJE slika

//###############################ANIMACIJA POZADINE
function animacija_pozadine() {

if (pixel_x < sirina_slike) {
if ((sirina_slike-pixel_x) < 12) {
razlika_x = sirina_slike-pixel_x;
pixel_x = pixel_x+razlika_x;
} else {
pixel_x = pixel_x+12;
}
} else if (pixel_x == sirina_slike) {
pixel_x = sirina_slike;
} else if (pixel_x > sirina_slike) {
if ((pixel_x-sirina_slike) < 12) {
razlika_x = pixel_x-sirina_slike;
pixel_x = pixel_x-razlika_x;
} else {
pixel_x = pixel_x-12;
}
}

if (pixel_y < visina_slike) {
if ((visina_slike-pixel_y) < 12) {
razlika_y = visina_slike-pixel_y;
pixel_y = pixel_y+razlika_y;
} else {
pixel_y = pixel_y+12;
}
} else if (pixel_y == visina_slike) {
pixel_y = visina_slike;
} else if (pixel_y > visina_slike) {
if ((pixel_y-visina_slike) < 12) {
razlika_y = pixel_y-visina_slike;
pixel_y = pixel_y-razlika_y;
} else {
pixel_y = pixel_y-12;
}
}

if (pixel_y == visina_slike  && pixel_x == sirina_slike) {
spavanje_prije_slike();
} else {
setTimeout('animacija_pozadine()', 10);
}
document.getElementById('loading_slika').style.width = pixel_x+'px';
document.getElementById('loading_slika').style.height = pixel_y+'px';
}
//###############################ANIMACIJA POZADINE

//################################DOBAVLJANJE SLIKA
function dobava(url) {
if (window.XMLHttpRequest)
	{
	xhttp_d=new XMLHttpRequest();
	}
	else // Internet Explorer 5/6
	{
	xhttp_d=new ActiveXObject('Microsoft.XMLHTTP');
	}

xhttp_d.open("GET", url , false);
xhttp_d.onreadystatechange = useHttpResponse;
xhttp_d.send('');

	xmlDoc = xhttp_d.responseXML;
	var x = xmlDoc.getElementsByTagName("pic");
	for (i=0;i<x.length;i++) {
	slike[i] = x[i].getElementsByTagName('immage')[0].childNodes[0].nodeValue;
	opisi[i] = x[i].getElementsByTagName('caption')[0].childNodes[0].nodeValue;
	}
	
	
}
function useHttpResponse() {
if (xhttp_d.readyState == 4) {
var textout = xhttp_d.responseText;
document.write.textout;
}
}
//################################DOBAVLJENJE SLIKA

//################################DETEKCIJA VIDLJIVOG DJELA EKRANA#################### 
function detekcija_vidljivog_monitora() {
  
  if (typeof window.innerWidth != 'undefined')
 {
      monitor_sirina = (window.innerWidth);
      monitor_visina = (window.innerHeight);
 }
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document
 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       monitor_sirina = (document.documentElement.clientWidth);
       monitor_visina = (document.documentElement.clientHeight);
 }
 // older versions of IE
 else
 {
       monitor_sirina = (document.getElementsByTagName('body')[0].clientWidth);
       monitor_visina = (document.getElementsByTagName('body')[0].clientHeight);
 }
 
 dopustena_sirina = monitor_sirina-50;
 dopustena_visina = monitor_visina-150;
}
//################################DETEKCIJA VIDLJIVOG DJELA EKRANA ZAVRŠETAK####################

//################################PRIKAZ SLIKE $OPACITY$####################
function opacity_slike() {

mozilla_op = (broj_opacity/100)*10;
ie_op = broj_opacity*10; 

document.getElementById("slika").style.filter = "alpha(opacity="+ie_op+")";
document.getElementById("slika").style.opacity = mozilla_op;

if (broj_opacity != 10) {
broj_opacity++;
setTimeout('opacity_slike()', 1);
} else {
broj_opacity = 0;
prikaz_kontrola();
}

}
//################################PRIKAZ SLIKE $OPACITY$####################

//################################PRIKAZ KONTROLA####################
function prikaz_kontrola() {
		if (plus_img == 0 || broj == (slike.length-1)){
		document.getElementById("plus").style.visibility = "hidden";
	} else {
		document.getElementById("plus").style.visibility = "visible";
	}
	if (minus_img == 0 || broj == 0){
		document.getElementById("minus").style.visibility = "hidden";
	} else {
		document.getElementById("minus").style.visibility = "visible";
	}
}
//################################PRIKAZ KONTROLA####################

//################################SCROLL OTKLON####################
function otklon() {
 if (typeof window.innerWidth != 'undefined')
 {
      x_offset = self.pageXOffset;
      y_offset = self.pageYOffset;
      
 }  else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
     x_offset = document.documentElement.scrollLeft;
     y_offset = document.documentElement.scrollTop;
 }
    
}
//################################SCROLL OTKLON####################

//################################OTVARANJE POZADINE####################
function prikazi_pozadinu_prikazivaca(url, broj_x)
{
  broj = broj_x;
  detekcija_vidljivog_monitora();
  dobava(url);
  otklon();
  ucitavanje_slike(broj);
  loading_slika.src = 'load_slika.gif';
  prva_slika = broj;
  document.getElementById("tekst_slike").innerHTML = '('+(broj+1)+'/'+slike.length+') '+opisi[broj];
  document.getElementById("slika").style.filter = "alpha(opacity=0)";
  document.getElementById("slika").style.opacity = "0";
  document.getElementById("minus").style.visibility = "hidden";
  document.getElementById("plus").style.visibility = "hidden";
  
  if (broj == 0) {
  document.getElementById("minus").style.visibility = 'hidden';
  } else if ((slike.length-1) == broj) {
  document.getElementById("plus").style.visibility = 'hidden';
  }
  
  if (document.all && !window.opera && !window.XMLHttpRequest) {
  } else {
  document.body.style.display = 'block';
  document.body.style.overflow = 'hidden';
  document.body.style.height = monitor_visina;
  document.body.style.width = monitor_sirina;
  document.getElementById("prikazivac_css").style.display = 'block';
  document.getElementById("prikazivac_css").style.height = monitor_visina;
  document.getElementById("prikazivac_css").style.width = monitor_sirina;
  document.getElementById("sadrzaj").style.height = dopustena_visina;
  document.getElementById("sadrzaj").style.width = dopustena_sirina;
  
  //zajeb sa explorerom -> prije nego se zatamni ekran IE se scroll-a na vrh gdje je sadržaj, pa tek onda zatamni pozadinu, a sadržaj se pomakne za izracunati offset. Tako šta je link za pokretanje niže na stranici sadržaj se pojavi niže na stranici ## 
  if (/msie/i.test(navigator.userAgent) == true) {
  document.getElementById("sadrzaj").style.marginTop = '30px';
  } else if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ 
  document.body.style.position = 'fixed';
  document.getElementById("sadrzaj").style.marginTop = '30px';
  } else {
  document.body.style.position = 'fixed';
  document.getElementById("sadrzaj").style.marginTop = '30px';
  }
//###############
  } 
}
//################################OTVARANJE POZADINE####################

//################################ZATVARANJE POZADINE####################
function sakrij_pozadinu_prikazivaca()
{
  slike = [];
  opisi = [];
  document.body.style.overflow = 'visible';
  document.body.style.height = '100%';
  document.body.style.width = '100%';
  document.getElementById("prikazivac_css").style.display = 'none';
  document.getElementById("prikazivac_css").style.height = '100%';
  document.getElementById("prikazivac_css").style.width = '100%';
  document.getElementById("sadrzaj").style.height = '100%';
  document.getElementById("sadrzaj").style.width = '100%';
  document.getElementById("sadrzaj").style.marginTop = '1px';
  document.body.style.position = 'relative';

  
}
//################################ZATVARANJE POZADINE####################