// JavaScript Document
function slideSwitch(fadeimages) {
    imageid = imageid + 1;		
    if (imageid == $imagecount + 1) imageid = 0;
    showSlide();
}


function showSlide(image_id) {
    var $oldlink  = '<a href="javascript:showSlide('+current_id+');" >'+gallery_id+'.'+current_id+'</a>';
    var $nextlink = '~&nbsp;'+gallery_id+'.'+image_id+'&nbsp;~'; 
    $('#gl'+current_id).html($oldlink);
    $('#gl'+image_id).html($nextlink);	
    var $oldimage = $('#image1').html();
    var $nextimage = '<img src="'+fadeimages[image_id]+'" alt=""/>';
    $('#image0').html($oldimage).css({opacity:1.0}).animate({opacity: 0.0}, 500);	
    $('#image1').html($nextimage).css({opacity:0.0}).animate({opacity: 1.0}, 500);	
	current_id = image_id;
}


$(document).ready(function() {
    imageid=1;
    if (window.fadeimages !== undefined) {

      showSlide(1);

      // preload images
      for(var i = fadeimages.length -1; i > 0; i--) {
        $("<img>").attr("src",fadeimages[i][0]);
	  }

     $("#prev_image").click(function(){
        imageid = current_id - 1;		
        if (imageid == -1 || imageid == 0) imageid = $imagecount;
        showSlide(imageid);
      });
     $("#next_image").click(function(){
        imageid = current_id + 1;		
        if (imageid > $imagecount) imageid = 1;
          showSlide(imageid);
      });
	}
});