var imageThumbnailNavigation = function() {
    $('.boatImageThumbnail').live('click mouseover', function(event) {
	return enlargeImage($(this), event)            
    });
};

var enlargeImage = function($thumbnail, event) {
        var boatId = $thumbnail.attr('data-image-id');
        event.preventDefault();
        if ((typeof boatImages != 'undefined') && (typeof boatImages[boatId] != 'undefined')) {
	    $('#largeimage img').fadeOut("normal", function() {
            	$(this).attr('src', boatImages[boatId]);
		$(this).fadeIn("normal");
	    });
        }
	return false;
}

var centerImageThumbnails = function() {
    $('.boatImageThumbnail').each(function() {
        var width = $(this).find('img').width();
        var height = $(this).find('img').height();            
        if (width > 96) {
            $(this).find('img').css('margin-left', -1 * (Math.round(width / 2) - 48));
        }
        if (height > 72) {
            $(this).find('img').css('margin-top', -1 * (Math.round(height / 2) - 36));
        }
    });      
};

$(document).ready(function() {
    if ($('#largeimage').length && $('.boatImageThumbnail').length) {
        imageThumbnailNavigation();
        $(window).load(function() {    
            centerImageThumbnails();
        });
    }
});