function thumbnailClickHandler(e) {
    e.preventDefault();
    
    if ( $('#main-image img').attr('src') != $(this).attr('href') ) {
        var i = parseInt($(this).attr('rel'));

        $('#main-image img').fadeOut(ft,function() {
            $(this).remove();
        });
        $('#main-image').append(mainimages[i-1]);
        mainimages[i-1].fadeIn(ft);
    }
}

function loadImages() {
    
    var thumbnails = Array();
    
    for(var i=0;i<images;i++) {
        var j = i+1;
        
        mainimages.push(
            $('<img />').attr('src',imgpath+j+'.jpg').css('display','none').load(function() {
        
        mainimagesloaded++;
        
                if ( mainimagesloaded == images ) {
                    $('#main-image').append(mainimages[images-1]);
                    mainimages[images-1].fadeIn(ft);
                }

            })
        );
        
        thumbnails.push(
            $('<img>').attr('src',imgpath+j+'_thumb.jpg').css('display','none').load(function() {
  
        thumbnailsloaded++;
                
                if ( thumbnailsloaded == images ) {

                    for (var i=0;i<images;i++) {
  
                        var thumbnail = $('<a>')
                                            .attr( {'href':thumbnails[i].attr('src').replace(/_thumb/g,''), 'rel':i+1, 'class':'thumbnail'} )
                                            .append(thumbnails[i]);
            
            $('#thumbnails').append(thumbnail);
            
                        thumbnails[i].fadeIn(ft);

                    }

                    $('#thumbnails a').bind('click',thumbnailClickHandler);
          
                }
                
            })
        );
        
    }  
    
}