// JavaScript Document
current_gallery = "";

function preload(key){
image = new Array();
for(i=0;i<gallery[key].length;i++){
image[i] = new Image();
image[i].src = "/gallery/"+gallery[key][i];
}
}

function loadGallery(id){
stop();
preload(id);
var div = document.getElementById('thumbs');
document.getElementById('gallery_controls').style.display = "";
document.getElementById('more_text').style.display = "";

document.getElementById('current_key').value = id;
document.getElementById('current_val').value = "0";

div.innerHTML = "";
current_gallery = id;
document.getElementById('gallery_title').innerHTML = album[id];


var content = '<table align="left" style="margin:0;padding:0;"><tr>';

  for(i=0;i<gallery[id].length;i++){
    content += '<td valign="top" align="center"><span style="cursor:pointer;" onclick="showImage('+id+', '+i+', \'2\')"><img src="/imgres.php?thumb=http://www.oliviarestaurant.net/gallery/'+gallery[id][i]+'&height=65&width=65" border="0" style="padding:2px;border:1px solid #666633;" /></span></td>'
  var h = parseInt(i) + 1;
  if(h % 3 == 0){
      content += '</tr><tr>';
  }
  }
  
content += "</tr></table>";
div.innerHTML = content;

var div2 = document.getElementById('player');
div2.style.display = "";
div2.innerHTML = '<img src="http://www.oliviarestaurant.net/gallery/'+gallery[id][0]+'" border="0" style="padding:2px;border:1px solid #666633;" />';


if(album.length > 1){

  if(parseInt(current_gallery) >= 0){
  
    var more = '<center><div style="padding:3px;border-top:1px solid #666633;width:100%;">';
      for(i=0; i<album.length; i++){
        if(parseInt(current_gallery) != i){  
          more += '<span style="cursor:pointer;" onclick="loadGallery('+i+');"><img src="http://www.oliviarestaurant.net/gallery/'+gallery[i][1]+'" border="0" width="30" height="30" style="padding:2px;border:1px solid #666633;" onmouseover="this.style.borderColor = \'#ccc\';" onmouseout="this.style.borderColor=\'#666633\';" /></span>';
        }
      }
    more += '</div></center>';
    
    document.getElementById('more_albums').innerHTML = more;
  }
}
more="";
current_gallery="";

}
function showImage(key, val, play){

var div = document.getElementById('player');

var cur_key = document.getElementById('current_key');
var cur_val = document.getElementById('current_val');

cur_key.value = key;
cur_val.value = val;

var next = parseInt(val) + 1;

div.innerHTML = '<img src="http://www.oliviarestaurant.net/gallery/'+gallery[key][val]+'" border="0" style="padding:2px;border:1px solid #666633;" />';

    
    var last = parseInt(gallery[key].length) - 1;
    
    if(parseInt(val) == parseInt(last)){
    var next = 0;
    } else {
    var next = parseInt(val) + 1;
    } 

  if(play == 1){
   t = setTimeout('showImage("'+key+'", "'+next+'", "1")', '4000');
  }
  if(play == 2){
   clearTimeout(t);
  }
}

function play(){

    var cur_key = document.getElementById('current_key').value;
    var cur_val = document.getElementById('current_val').value;
    
    var last = parseInt(gallery[cur_key].length) - 1;
    
    if(parseInt(cur_val) == parseInt(last)){
    var next = 0;
    } else {
    var next = parseInt(cur_val) + 1;
    }    
    showImage(cur_key, next, '1');


}

function back(){
    var cur_key = document.getElementById('current_key').value;
    var cur_val = document.getElementById('current_val').value;
    
    var last = parseInt(gallery[cur_key].length) - 1;
    
    if(parseInt(cur_val) == 0){
    var next = last;
    } else {
    var next = parseInt(cur_val) - 1;
    }    
    showImage(cur_key, next, '2');
}

function forward(){
    var cur_key = document.getElementById('current_key').value;
    var cur_val = document.getElementById('current_val').value;
    
    var last = parseInt(gallery[cur_key].length) - 1;
    
    if(parseInt(cur_val) == parseInt(last)){
    var next = 0;
    } else {
    var next = parseInt(cur_val) + 1;
    }    
    showImage(cur_key, next, '2');
}

function stop(){
clearTimeout(t);
}