// JavaScript Document
$(function(){
	$('#viewer div img').each(function(i){
		$(this).attr('id','view' + (i + 1).toString());
		$('#viewer div img:first').css({zIndex:'99'});
	});

	$('#viewer ul li').click(function(){
		var connectCont = $("#viewer ul li").index(this);
		var showCont = connectCont+1;

		$('#viewer div img#view' + (showCont)).siblings().stop().animate({opacity:'0'},1000);
		$('#viewer div img#view' + (showCont)).stop().animate({opacity:'1'},1000);

		$(this).addClass('active');
		$(this).siblings().removeClass('active');
	});

	$('#viewer ul li:not(.active)').hover(function(){
		$(this).stop().animate({opacity:'1'},200);
	},function(){
		$(this).stop().animate({opacity:'0.5'},200);
	});

	$('#viewer ul li').css({opacity:'0.5'});
	$('#viewer ul li:first').addClass('active');
});