$(document).ready(function () {
    $("#large_images li").each(function (index, element) { $(element).attr("class", 'hide'); });
    $("#large_images li").each(function (index, element) { $(element).attr("id", 'img' + index); });
    $(".scrollableArea a").each(function (index, element) { $(element).attr("rel", 'img' + index); });
    var mainImg = 'img0';
    var current = 'img0';

    $('#img0').css('display', 'inline');
    $('#img0').addClass('current');

    $('.scrollableArea a').click(function () {
        mainImg = $(this).attr('rel');
        if (mainImg != current) {
            $('.current').fadeOut('slow');
            $('#' + mainImg).fadeIn('slow', function () {
                $(this).addClass('current');
                current = mainImg;
            });
        }
    });
});