<!--
// JavaScript Document
// Requires Client Images - CALLS THE Client_Image.php

// variables used in functions
var xmlImgHttp
var Gallery_ID
var gid
var to_show
var maxshow
var navbutton
var imagenum
var shownext
var showprevious
var imagearray = new Array();
var linkimagearray = new Array();
          
          var browser=navigator.appName; //koji browser?
          var version=navigator.appVersion; //verzija browser-a?

// ** ajax
function GetXmlHttpObject() { 
var objXMLHttp=null

      if (window.XMLHttpRequest) {
      objXMLHttp=new XMLHttpRequest()
      } else if (window.ActiveXObject) {
      objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
      }
return objXMLHttp
}


function clientimage(gid) {

//if(gid != '') gid = gid.value;
//alert(gid);
xmlImgHttp=GetXmlHttpObject()

if (xmlImgHttp==null) {
alert ("Browser does not support HTTP Request")
return
} 

var url="System/Js/Client_Image.php"
url=url+"?Gallery_ID="+gid
xmlImgHttp.onreadystatechange=stateChanged
xmlImgHttp.open("GET",url,true)
xmlImgHttp.send(null)

}
//=================================================

function stateChanged() { 

      if (xmlImgHttp.readyState==4 || xmlImgHttp.readyState=="complete") { 

      var sendback = xmlImgHttp.responseText;
      var locateparts = sendback.split("+");
      document.getElementById('c_gallery').value=locateparts[0]; 
      document.getElementById('c_image').value=locateparts[1];
      
      if(locateparts.length > 2) {
      document.getElementById('c_list').value=locateparts[2];
      
        if (browser=="Microsoft Internet Explorer" && parseInt(version) < 7){
        document.getElementById('clientlistimage').onclick = new Function('clientlist()');
        }else{
        document.getElementById('clientlistimage').setAttribute('onclick','clientlist()');
        }
      
      }
         document.getElementById('clientlist').value='';  
         document.getElementById('clientlist').style.visibility = 'hidden';
            
            imageloader('start');
      
      
      } 
return false
} 

// ** processing the returned values

// loads the image into the portal and init the navigation
function imageloader(to_show) {
//alert(to_show);
    var nextimg
    var previmg
    
      if(to_show == 'start') {

      to_show = 0;
      
            var gallery = document.getElementById('c_gallery').value;
            var image = document.getElementById('c_image').value;
             gallery = gallery.split(";");
             image = image.split(";");
            
            // set gallery info and first image
            if(gallery.length > 0 && image.length > 0) {
            
                  imagesource = "Photo_Gallery/Images/"+gallery[0]+"/"+image[0];
          /*  
                  if(gallery[3].length > 0) {
                  
                  var gallerytitleline = "<a href='http://" + gallery[3] + "' target='_blank' title='Visit'>" + gallery[1] + "</a>";
                  var linimage = "<a href='http://" + gallery[3] + "' target='_blank' title='Visit' onClick=><img src='" + imagesource + "' border=0 width=146 /></a>";
                  document.getElementById('clientgalleryimage').innerHTML=linimage;
                  
                  } else {
                  var gallerytitleline = gallery[1];
                  var linimage = "<img src='" + imagesource + "' border=0 width=146 />";
                  document.getElementById('clientgalleryimage').innerHTML=linimage; 
                  }
            */
            
                  var gallerytitleline = gallery[3];
                  var linimage = "<img src='" + imagesource + "' border=0 width=146 />";
                  document.getElementById('clientgalleryimage').innerHTML=linimage; 
            
            
                  document.getElementById('clientgallerytitle').innerHTML=gallerytitleline;
                  document.getElementById('clientgallerynote').innerHTML=gallery[2]; 
                  //document.getElementById('clientgalleryimage').src=imagesource;

                  
                  // image preload object
                  var p = image.length;
                  
                  if(p > 0) maxshow = p - 1;                  
                  for (i = 0; i < p; i++){
                     imagearray[i] = new Image();
                     imagearray[i].src = "Photo_Gallery/Images/"+gallery[0]+"/"+image[i];

               // if(gallery[3].length > 0) {
                //  linkimagearray[i] = "<a href='href://" + gallery[3] + "' target='_blank' title='Visit'><img src='" + imagearray[i].src + "' border=0 width=146 /></a>";                 
                //  } else {
                  linkimagearray[i] = "<img src='" + imagearray[i].src + "' border=0 width=146 />";
               //   }

                  }

                  //sledeca i prethodna slika
                  nextimg=to_show+1;
                  if (nextimg > maxshow) nextimg = 1;
                  if (maxshow > 1) { previmg = maxshow; } else { previmg = nextimg;}

                  if(maxshow > 0) setnavbutton(previmg,nextimg);
            //alert(previmg + ' ' + to_show + ' ' + nextimg);
            } else {
            // set dummy gif
             //document.getElementById('clientgalleryimage').src="System/Image/clear.gif";

            document.getElementById('clientgalleryimage').innerHTML="<img src='System/Image/clear.gif' border=0 width=146 height=100 />";
            }
            
            
      } else {


                  //koja je sledeca slika
                  nextimg=to_show+1;
                  if (nextimg > maxshow) nextimg = 0;
                  
                  //koja je prethodna slika
                  previmg=to_show-1;
                  if (previmg < 0) previmg = maxshow;
           // alert(previmg + ' ' + to_show + ' ' + nextimg);
            // show image
            //document.getElementById('clientgalleryimage').src=imagearray[to_show].src;
            document.getElementById('clientgalleryimage').innerHTML=linkimagearray[to_show];
            setnavbutton(previmg,nextimg);

      }

}

// set navigation buttons
function setnavbutton(showprevious,shownext) {
   //alert(showprevious + ' - ' + shownext);
          var prev=document.getElementById('doprev');
          var next=document.getElementById('donext');


//pravljenje onclick atributa za ie6< i ff
    if (browser=="Microsoft Internet Explorer" && parseInt(version) < 7){
        prev.onclick = new Function('imageloader('+showprevious+')');
        next.onclick = new Function('imageloader('+shownext+')');
    }else{

        prev.setAttribute('onclick','imageloader('+showprevious+')');
        next.setAttribute('onclick','imageloader('+shownext+')');
    }
}


function clientlist() {
var listcss
    if (browser=="Microsoft Internet Explorer" && parseInt(version) < 7){
       listcss = 'position:absolute;visibility:visible;border:0px;font-size:12px;font-weight:bold;color:white;line-height:18px;text-align:left;background-color:#5d6984;padding:3px;margin:5px 0px 0px 0px;cursor:pointer'
      } else {
       listcss = 'position:absolute;visibility:visible;border:0px;font-size:12px;font-weight:bold;color:white;line-height:18px;text-align:left;background-color:#5d6984;padding:3px;margin:-16px 0px 0px 164px;cursor:pointer'
      }
      
      var list = document.getElementById('c_list').value;
      var list = list.split(":");
      //alert(list.length);
      var listkey = list[0].split(";");
      var listname = list[1].split(";");
      var select='';
/*
      var select = "<select id='clientelements' multiple onchange='clientimage(this)'>";
      
      var t;
      for(t=0;t<listkey.length;t++) {
      
          select += "<option value='"+listkey[t]+"' style='border:0px'>"+listname[t]+"</option>";
      }
      
      select += "</select>";
 */
 
      select = "<div onClick=\"document.getElementById('clientlist').style.visibility = 'hidden'\"><img src='System/Image/close.jpg' border=0 /></div>";//<span style='font-size:11px;margin-right:3px;'>close</span>
 
      for(t=0;t<listkey.length;t++) {
      
          select += "<div onClick='clientimage("+listkey[t]+")'>"+listname[t]+"</div>";
      }
          
          
      document.getElementById('clientlist').innerHTML = select;
      document.getElementById('clientlist').style.cssText = listcss;
      
}




//-->