$(window).bind('load', function() {
// 1. Thumbnail event handler
$("#content ul li a").click(function(e){
$("#photo").attr({ src: $(this).attr("href"), alt: $(this).attr("title") });
e.preventDefault();
});
// 2. Image preloader
var path = "gallery/" + gallery_type + "/";
var thumb_type = ".gif";
var images = new Array();
var thumbs = new Array();
// 3. Preload the thumbnails
$(".thumb").each( function(i) {
thumbs[i] = $('![]()
').attr('src', $(this).attr("src") );
});
// Setup the loader.gifs
$(".thumb").each( function() {
$(this).attr( { src: 'images/ajax-loader.gif',
width: '16',
height: '16' });
$(this).addClass('preloader');
});
// Preload the large images
$("#content ul li").each( function(i) {
var current = i + 1;
var image_path = $(this).children("a").attr("href");
$('![]()
').attr('src', image_path).load( function() {
var zero = "";
if(current < 10){ zero = "0"; }
var the_thumb_path = path + zero + current + thumb_type;
//alert("i: " + i + "current " + current + " Path: " + the_thumb_path );
var the_thumb = $(".thumb").eq(i);
$(the_thumb).removeClass('preloader');
$(the_thumb).attr( { src: the_thumb_path,
width: '70',
height: '70' });
});
});
});