$(document).ready(function() {
$('#imageGallery img').hide();
$('#imageGallery img').photomatic();
$("#0Button a").addClass("selected");
});
(function($){
var settings;
$.fn.photomatic = function() {
settings = $.extend({
});
settings.thumbnails = this.filter('#imageGallery img');
settings.thumbnails.each(function(n){this.index = n;});
settings.current = 0;
$("#imageGallery").wrap('<div id="imageBanner"></div>');
$('<div id="buttonBar"><ul class="buttonLinks"><li id="previousButton"><a href="javascript://" title="Previous image.">Previous</a></li><li id="nextButton"><a href="javascript://" title="Next image.">Next</a></li></ul></div>').insertAfter('#imageGallery');
settings.thumbnails.each(function(n){
if (n !== settings.thumbnails.length) {
$('<li id="'+n+'Button" class="allLinks"><a href="javascript://" title="Image '+(n+1)+'.">'+(n+1)+'</a></li>').insertBefore('#nextButton');
}
});
$('#nextButton').click(function(){
showPhoto((settings.current+1) % settings.thumbnails.length);
});
$('#previousButton').click(function(){
showPhoto((settings.thumbnails.length+settings.current-1) % settings.thumbnails.length);
});
settings.thumbnails.each(function(n){
$(this).addClass(n+"Image");
$("#"+n+"Button").click(function(){
showPhoto(n);
});
});
$('<img src="" name="photo" id="photo" />').insertAfter("."+(settings.thumbnails.length-1)+"Image");
settings.photoElement = $('#photo');
noprevious = "false";
showPhoto(0);
return this;
};
var showPhoto = function(index) {
settings.photoElement.attr('src', settings.thumbnails[index].src);
settings.current = index;
var altText = $('.'+index+'Image').attr("alt");
$("#photo").attr({ alt: altText});
$(".allLinks a").removeClass("selected");
$("#"+index+"Button a").addClass("selected");
if (index == 0 && noprevious == "false") {
$('#previousButton').hide();
$('<li id="noPrevious">Previous</li>').insertBefore('#0Button').css('opacity',0.5);
noprevious = "true";
}else if (index == 0 && noprevious == "true"){
$('#previousButton').hide();
noprevious = "true";
}else{
$('#previousButton').show();
$("#noPrevious").remove();
noprevious = "false";
}
if (index == settings.thumbnails.length-1 && nonext == "false" ) {
$('#nextButton').hide();
$('<li id="noNext">Next</li>').insertAfter('#'+index+'Button').css('opacity',0.5);
nonext = "true";
}else if (index == settings.thumbnails.length-1 && nonext == "true"){
$('#nextButton').hide();
nonext = "true";
}else{
$("#nextButton").show();
$("#noNext").remove();
nonext = "false";
}
};
})(jQuery);