/*************************************************************************************************************************/
/*************************************************************************************************************************/
$(document).ready(function(){
	var imgWrapper = $(".slideimage img");
	// only show the first image, hide the rest
	$(imgWrapper).css("display","none");
	imgWrapper.filter(':first').fadeIn();	
});


/*************************************************************************************************************************/
$(function(){
	$(".slideshow a").click(function () {
		drawImage(this);
	});
});


/*************************************************************************************************************************/
function drawImage(obj,imageId,uImgName) {
	var path = $(obj).attr("name");
	//var element = $(obj).closest('li').closest('ul').closest('div').find('img');
	var element = $("#mainImage");

	$(element).attr("src",path);
	$(element).fadeIn(500);
	return false;
}

/*************************************************************************************************************************/
function addEventHandler(selector1,selector2) {
	$(selector2).click(function () {
		// check if this item doesn't have class "current"
		// if it has class "current" it must not execute the script again
		if (this.className.indexOf('current')){
			//imgWrapper.filter(this.hash).fadeIn(500);
			$(selector2).removeClass('current');
			$(this).addClass('current');
		}
		return false;
	});
}

/*************************************************************************************************************************/
jQuery(document).ready(function(){
	var selector11 = "#slideshow01 > img";
//	var selector12 = "ul#recentlist01 li a";
	var selector12 = "ul#recentlist01 li";
	addEventHandler(selector11,selector12);

	var selector21 = "#slideshow02 > img";
	var selector22 = "ul#recentlist02 li a";
	addEventHandler(selector21,selector22);

	var selector31 = "#slideshow03 > img";
	var selector32 = "ul#recentlist03 li a";
	addEventHandler(selector31,selector32);

	var selector41 = "#slideshow04 > img";
	var selector42 = "ul#recentlist04 li a";
	addEventHandler(selector41,selector42);

	var selector51 = "#slideshow05 > img";
	var selector52 = "ul#recentlist05 li a";
	addEventHandler(selector51,selector52);

	var selector61 = "#slideshow06 > img";
	var selector62 = "ul#recentlist06 li a";
	addEventHandler(selector61,selector62);
});