//%%% P R V A ~ O G L E D S L I K E %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
//%%%%P%R%V%A%~%O%G%L%E%D%S%L%I%K%E%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
//D 
//R 27.11.2008
//S BETA
//B 
//C (c)2008 Spletična.
//%%%%P%R%V%A%~%O%G%L%E%D%S%L%I%K%E%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

//=== S P R E M E N L J I V K E ===================================================================

var diaizbrana = 0;

//=== =============================================================================================

//=== F U N K C I J E =============================================================================

//### OGLED SLIKE ---------------------------------------------------------------------------------
//#D 
//#R 27.11.2008
//#S BETA
//#B 
function diaOgledSlike( id ) {
   diaNastaviTipkovnico();
   diaPrikazSlike( id );
   
   return false;
}

//### PRIKAZ SLIKE ---------------------------------------------------------------------------------
//#D 
//#R 27.11.2008
//#S BETA
//#B 
function diaPrikazSlike( id ) {
   var okno, okvir;
   var diafoto, diakomentar;
   var izpis = "";
   var visina, sirina, v, s, vf, vk;
   var min = 120;
   var nohtek;
   var so;
   var drsnik;
   
   id *= 1;
   if ( diaslika !== undefined && diaslika !== null && id >= 0 && id < diaslika.length ) {
      okno = document.getElementById( "okno" );
      
      drsnik = polozajDrsnikov();
      
      diafoto = document.getElementById( "diafoto"+ id ).innerHTML;
      diakomentar = document.getElementById( "diakomentar"+ id ).innerHTML;
      
      //določimo oz. preverimo širino in višino slike
      visina = okno.offsetHeight - ( 2 * 20 + 2 * 10 );//širina_okna - razmiki
      sirina = okno.offsetWidth - ( 2 * 20 + 2 * 10 );//širina_okna - razmiki
      if ( diafoto != "<small></small>" ) vf = 20;//višina_foto
      else vf = 0;
      visina -= vf;
      if ( diakomentar != "" ) vk = 60;//višina_komentar
      else vk = 0;
      visina -= vk;
      if ( visina < diavisina[id] ) {
         s = Math.round( diasirina[id] * visina / diavisina[id] );
         v = visina;
      } else {
         s = diasirina[id];
         v = diavisina[id];
      }
      //preveri, da ni slika premajhna
      if ( sirina < s ) {
         s = sirina;
         v = Math.round( diavisina[id] * sirina / diasirina[id] );
      }
      if ( v < min ) {
         s = Math.round( diasirina[id] * min / diavisina[id] );
         v = min;
      }
      if ( s < min ) {
         s = min
         v = Math.round( diavisina[id] * min / diasirina[id] );
      }
      s = s*1;
      v = v*1;
      izpis += "<div id='diaokvir' style='width:"+ s +"px;margin-left:"+ ( -Math.round( ( s + 20 + 20 ) / 2 ) + drsnik[0] ) +"px;top:50%;'>";//margin-top:-"+ Math.round( ( v + vk + vf + 20 + 20 ) / 2 ) +"px;
      izpis += "<div id='diaslika' style='width:"+ s +"px;height:"+ v +"px;'>";
      if ( diatip[id] * 1 === 1 ) izpis += "<div id='diafilmpredvajalnik'>...</div>";
      else izpis += "<img src='"+ diaslika[id] +"' alt='"+ diaalt[id] +"' style='width:"+ s +"px;height:"+ v +"px;' />";
      izpis += "</div>";
      izpis += "<div id='diafoto'>"+ diafoto +"</div>";
      izpis += "<div id='diakomentar'>"+ diakomentar +"</div>";
      izpis += "<ul id='diagumbi' style='width:"+ ( s + 20 + 20 ) +"px;'>";
      izpis += "<li id='dianazaj'"+ ( id - 1 >= 0 ? "" : " class='ninazaj'" ) +" style='top:"+ Math.round( ( v + 2 ) / 2 + 20 ) +"px;'><span>";
      if ( id - 1 >= 0 ) izpis += "<a href='"+ diaslika[id-1] +"' onclick='return diaPrikazSlike(\""+ ( id - 1 ) +"\");' title='"+ diagumb[0] +" ("+ diagumb[3] +")'><span>"+ diagumb[0] +"</span></a>";
      else izpis += diagumb[0];
      izpis += "</span></li>";
      izpis += "<li id='dianaprej''"+ ( id + 1 < diaslika.length ? "" : " class='ninaprej' " ) +" style='top:"+ Math.round( ( v + 2 ) / 2 + 20 ) +"px;'><span>";
      if ( id + 1 < diaslika.length ) izpis += "<a href='"+ diaslika[id+1] +"' onclick='return diaPrikazSlike(\""+ ( id + 1 ) +"\");' title='"+ diagumb[2] +" ("+ diagumb[5] +")'><span>"+ diagumb[2] +"</span></a>";
      else izpis += diagumb[2];
      izpis += "</span></li>";
      izpis += "<li id='diazapri'><span><a href='"+ diazapri +"' onclick='return diaOgledSlikeZapri();' title='"+ diagumb[1] +" ("+ diagumb[4] +")'><span>"+ diagumb[1] +"</span></a></span></li>";
      izpis += "</ul>";
      izpis += "</div>";
      izpis += "<div class='steklo' ondblclick='diaOgledSlikeZapri();'></div>";
      
      okno.innerHTML = izpis;
      okvir = document.getElementById( "diaokvir" );
      okno.className = "okno vidno";
      okvir.style.marginTop = Math.round( ( -okvir.offsetHeight / 2 ) + drsnik[1] ) +"px";
      //window.onresize = function () { diaPrikazSlike( id ); return };
      
      if ( diatip[id] * 1 === 1 ) {
         nohtek = document.getElementById( "dianohtek"+ id );
         var flashvars = false;
         var params = {
            allowfullscreen: "true",
            allowscriptaccess: "always",
            wmode: "opaque",
            flashvars: "&file=."+ diaslika[id] +"&stretching=uniform&backcolor=#ffffff&frontcolor=#3298ca&lightcolor=#3298ca&screencolor=#ffffff&icons=false&controlbar=over&image="+ nohtek.src.substr( 0, nohtek.src.length-4 ) +"_velike"+ nohtek.src.substr( nohtek.src.length-4 )
         };
         var attributes = {
            id: "diafilmposnetek",
            name: "diafilmposnetek"
         };
         swfobject.embedSWF( "./js/player.swf", "diafilmpredvajalnik", ""+ s, ""+ v, "9.0.0", false, flashvars, params, attributes );
      }
      
      diaizbrana = id;
   }
   
   return false;
}

//### OGLED SLIKE ZAPRI ---------------------------------------------------------------------------
//#D 
//#R 27.11.2008
//#S BETA
//#B 
function diaOgledSlikeZapri() {
   var okno;
   
   //window.onresize = null;
   
   okno = document.getElementById( "okno" );
   
   okno.onkeypress = "";
   okno.className = "okno";
   okno.innerHTML = "";
   
   diaPonastaviTipkovnico();
   
   return false;
}

//### OGLED DRUGE SLIKE ---------------------------------------------------------------------------
//#D 
//#R 27.11.2008
//#S BETA
//#B 
function diaOgledDrugeSlike( evt ) {
   var event;
   var keycode;
   
   if ( !evt ) event = window.event;
   else event = evt;
   
   if ( event.charCode ) keycode = event.charCode;
   else keycode = event.keyCode;
   
   switch ( keycode * 1 ) {
      case 37: //left
      case 38: //up
         diaOgledSlike( diaizbrana - 1 );
         break;
      case 39: //right
      case 40: //down
         diaOgledSlike( diaizbrana + 1 );
         break;
      case 27: //esc
         diaOgledSlikeZapri();
         break;
      default:
         return;
   }
   
   if ( event.preventDefault ) event.preventDefault();
   else return false;
   
   return;
}

//### NASTAVI TIPKOVNICO --------------------------------------------------------------------------
//#D 
//#R 27.11.2008
//#S BETA
//#B 
function diaNastaviTipkovnico() {
   var doc = window.document;

   if ( doc ) {
      if ( doc.addEventListener ) {
         doc.addEventListener( "keypress", diaOgledDrugeSlike, false );
      } else if ( doc.attachEvent ) {
         doc.attachEvent( "onkeypress", function () { return diaOgledDrugeSlike( window.document.event ); } );
      } else {
         doc.onkeypress = diaOgledDrugeSlike;
      }
   }
   
   return;
}

//### PONASTAVI TIPKOVNICO ------------------------------------------------------------------------
//#D 
//#R 27.11.2008
//#S BETA
//#B 
function diaPonastaviTipkovnico() {
   var doc = window.document;

   if ( doc ) {
      if ( doc.removeEventListener ) {
         doc.removeEventListener( "keypress", diaOgledDrugeSlike, false );
      } else if ( doc.detachEvent ) {
         doc.detachEvent( "onkeypress", function () { return diaOgledDrugeSlike( window.document.event ); } );
      } else {
         doc.onkeypress = null;
      }
   }
   
   return;
}

//### POLOŽAJ DRSNIKOV ----------------------------------------------------------------------------
//#D 
//#R 27.11.2008
//#S BETA
//#B 
function polozajDrsnikov() {
   var position = [ 0, 0 ];

   if ( typeof window.pageYOffset != 'undefined' ) {
      position = [ window.pageXOffset, window.pageYOffset ];
   } else if ( typeof document.documentElement.scrollTop != 'undefined' && document.documentElement.scrollTop > 0 ) {
      position = [ document.documentElement.scrollLeft, document.documentElement.scrollTop ];
   } else if ( typeof document.body.scrollTop != 'undefined' ) {
      position = [ document.body.scrollLeft, document.body.scrollTop ];
   }

   return position;
}

//=== =============================================================================================