$(document).ready(function () {
    if ($('ul.images').size() > 0) {
        $('ul.images').each(function () {
            var linum = $(this).children().length;
            var ulheight = $(this).children('li:first').height() + 0;
            $(this).css( {
                height : ulheight
            }
            );
            $(this).children('li:not(:first)').hide();
            $menu = '<ul class="images-menu">';
            for (var i = 0; i < linum; i++) {
                var i = i;
                var thisimg = $(this).children().eq(i);
                $(thisimg).addClass('' + i + '');
                $(thisimg).css('position', 'absolute');
                $menu += '<li><a href="#" class="' + i + '"><img src="' + $(thisimg).children().attr('src') + '" alt="' + $(thisimg).children().attr('alt') + '" height="77" width="159" /></a>' + $(thisimg).children().attr('alt') + '</li>';
            }
            $menu += '</ul>';
            $(this).before($menu);
        }
        );
		
		//Wrap Photo Gallery images with class for background colour
		$("ul.images-menu li a").fadeTo("fast", 0.6);
		$(".images-menu a").wrap("<span class='img-bg'>" + "</span>");
		//don't apply opacity fade to first image
		$(".images-menu a:first").fadeTo("0", 1.0);



       $('ul.images-menu').each(function () {
            $(this).find('a').each(function () {
                $(this).bind("click", function () {
                    var idx = $(this).attr('class');
					
					$("ul.images-menu li a").fadeTo("fast", 0.6);
					$(this).fadeTo("fast", 1.0);
                    var lih = $('ul.images-menu').next('ul').children('li[class="' + idx + '"]').height();
                    $('ul.images-menu').next('ul').children('li:visible').fadeOut();
                    $('ul.images-menu').next('ul').children('li[class="' + idx + '"]').fadeIn();
                    $('ul.images-menu').next('ul').animate( {
                        height : lih
                    }
                    );
                    return false;
                }
                );
            }
            );
        }
        );
    }
}
);