// Globals

var fadeTimeMS = 350;

var previewImages;
var currentImage;

var prevLink;

// Initialization

$(document).ready(function(){
	
	var artistLinks = $("li > a.artist-link");
	artistLinks.mouseover(artistLinkHandler);
	
	var dock = $("div > #preview-image-dock");
	
	previewImages = $(".preview-image").css("display", "none");
	currentImage  = $(".preview-image:first");
	
	previewImages.css({
		position : "absolute",
		top      : dock.css("top"),
		left     : dock.css("left")
	});

	currentImage.fadeIn(fadeTimeMS);
	
	var imageID = currentImage.attr("id").split('-')[2];
	
	prevLink = $("#artist-" + imageID).addClass("active");
});

// Event Handlers

var artistLinkHandler = function(){
	var params = this.id.split('-');
	if (params[0] == 'artist') {
		var nid           = params[1];
		var selectedImage = $("#preview-image-" + nid);
		
		if (selectedImage.attr("id") == currentImage.attr("id")) {
			return;
		}
		
		if (prevLink != undefined){
			$(prevLink).removeClass("active");
		}
		$(this).addClass("active");
		prevLink = this;

		previewImages.css("display", "none");	
		
		currentImage.fadeOut(fadeTimeMS);
		currentImage = selectedImage;
				
		selectedImage.fadeIn(fadeTimeMS);		
	}
}