$(document).ready(function() {
    //Larger thumbnail preview 
    $("ul.thumb li").hover(function() {
        
        $(this).find('img').addClass("hover").stop()
		        .animate({
		            marginLeft: '-10px',
		            marginTop: '-10px',
		            width: '81px',
		            height: '81px',
		            padding: '5px'
		        }, 100);
		$(this).css("zIndex", 11);

    }, function() {
        $(this).find('img').removeClass("hover").stop()
		        .animate({
		            marginLeft: '0px',
		            marginTop: '0px',
		            width: '69px',
		            height: '69px',
		            padding: '0px'
		        }, 400);
		$(this).css("zIndex", 0);
    });

    //Swap Image on Click
    $("ul.thumb li a").click(function() {

        $("ul.thumb li a").removeClass("selected");
        $(this).addClass("selected");

        setImage();

        return false;
    });
});


function setImage() {
    var Current = $("ul.thumb a.selected");
    var mainImage = Current.attr("href"); //Find Image Name
    var caption = Current.attr("title"); //find caption
    img = new Image();
    $(img).load(function() {
        $(".MainImage").attr({ src: mainImage });
        $(".ImageCaption").html(caption);
    });
    img.src = mainImage;
    return false;
}

function nextImage() {
    var Current = $("ul.thumb a.selected");
    Current.parent().next().children("a").addClass("selected");
    Current.removeClass("selected");
    if ($("ul.thumb a.selected").size() == 0)
        $("ul.thumb a:first").addClass("selected");
    setImage();
}
function prevImage() {
    var Current = $("ul.thumb a.selected");
    Current.parent().prev().children("a").addClass("selected");
    Current.removeClass("selected");
    if ($("ul.thumb a.selected").size() == 0)
        $("ul.thumb a:last").addClass("selected");
    setImage();
}