$(init);

function init () {
	
	var slideshow = new SlideShow("#navm", "#image");
}

function SlideShow (nav, image) {
	//console.log("SlideShow (" + [nav, image] + ")");
	
	var p = this;
	this.nav = $(nav);
	this.image = $(image);
	
	$("li", this.nav)	.each(function (index, element) {
		
		$(element).hover(
			function () { p.show($(this).attr("class")); }, 
			function () { p.hide($(this).attr("class")); }
		);
																	 
		var name = $(element).attr("class");
		var image = $("." + name, p.image);
		image.css({opacity:0.0});
	});
	
}

SlideShow.prototype.show = function (name) {
	//console.log("PopupSlide.show (" + [name] + ")");
	
	var image = $("." + name, this.image);
	image
		.css({display:"block"})
		.stop().animate({opacity:1.0}, {duration:500});
}

SlideShow.prototype.hide = function (name) {
	//console.log("PopupSlide.hide (" + [name] + ")");
	
	var image = $("." + name, this.image);
	image.stop().animate({opacity:0.0}, {duration:500});
}