var tot = 0;
var pos = 1;
var thumbs = 1;
var screens = 1;
var ary = new Array();
var imgcache = [];

function getPosition(arrayName,arrayItem){
  for(var i=0;i<arrayName.length;i++){ 
    if(arrayName[i]==arrayItem){ return i; }
  }
}

function updatePos(p){
  $('#gallery div.gallery').each(function(){ $(this).css('display','none'); });
  $('#gallery div.thumb').each(function(){ $(this).removeClass('thumbsel'); });
  $('#' + ary[p] + 'thumb').addClass('thumbsel');
  $('#' + ary[p]).css('display','block');
}

function setupGallery(){
  $('#gallery div.gallery').delay(1000).each(function(){
    tot++;
    ary[tot] = $(this).attr('id');
    var h = parseInt($(this).children('img').css('height'));
    var p = Math.floor(360-h);

    if(p == 0 || p == 360){
      $(this).children('img').css('margin-top','0px');
    } else {
      var t = Math.floor(p/2) + "px";
      $(this).children('img').css('margin-top',t);
    }
  });
  screens = Math.ceil(tot/5);
  if(tot > 5){ $('#thumbnext').css('display','block'); }
  updatePos(pos);
}

$(document).ready(function(){
  setTimeout('setupGallery()',500);

  $('#gallery div.thumb').click(function(){
    var id = $(this).attr('id').substring(0,$(this).attr('id').length-5);
    pos =getPosition(ary,id);
    updatePos(pos);
  });

  $('#galnext').click(function(){
    if((pos+1) > tot){ pos = 1; } else { pos = (pos+1); }
    if((pos%5) === 1){
      if((thumbs+1) > screens){ thumbs = 1; } else { thumbs = (thumbs+1); }
      if(thumbs > 1){
        $('#thumbprev').css('display','block');
        $('#gallery div.thumbnails').animate().css('left','-' + ((thumbs-1)*620) + 'px');
      } else {
        $('#thumbprev').css('display','none');
        $('#gallery div.thumbnails').animate().css('left','0px');
      }
      if(thumbs == screens){ $('#thumbnext').css('display','none'); } else { $('#thumbnext').css('display','block'); }
    }
    updatePos(pos);
  });

  $('#galprev').click(function(){
    if((pos-1) <= 0){ pos = tot; } else { pos = (pos-1); }
    if((pos%5) === 1 && pos > 1){
      if((thumbs-1) <= 0){ thumbs = screens; } else { thumbs = (thumbs-1); }
    } else {
      if(pos <= 5){ thumbs = 1; }
    }

      if(thumbs > 1){
        $('#thumbprev').css('display','block');
        $('#gallery div.thumbnails').animate().css('left','-' + ((thumbs-1)*620) + 'px');
      } else {
        $('#thumbprev').css('display','none');
        $('#gallery div.thumbnails').animate().css('left','0px');
      }
      if(thumbs == screens){ $('#thumbnext').css('display','none'); } else { $('#thumbnext').css('display','block'); }

    updatePos(pos);
  });

  $('#thumbnext').click(function(){
    if((thumbs+1) > screens){ thumbs = 1; } else { thumbs = (thumbs+1); }
    if(thumbs > 1){
      $('#thumbprev').css('display','block');
      $('#gallery div.thumbnails').animate().css('left','-' + ((thumbs-1)*620) + 'px');
    } else {
      $('#thumbprev').css('display','none');
      $('#gallery div.thumbnails').animate().css('left','0px');
    }
    if(thumbs == screens){ $(this).css('display','none'); }
  });

  $('#thumbprev').click(function(){
    if((thumbs-1) <= 0){ thumbs = screens; } else { thumbs = (thumbs-1); }
    if(thumbs > 1){
      $('#gallery div.thumbnails').animate().css('left','-' + ((thumbs-1)*620) + 'px');
    } else {
      $(this).css('display','none');
      $('#thumbnext').css('display','block');
      $('#gallery div.thumbnails').animate().css('left','0px');
    }
  });

});