$(document).ready( function() {
	$("#thumbnailContainer").jCarouselLite({
	        btnNext: ".next",
	        btnPrev: ".prev",
			circular: true
	    });
	
    $("#thumbnailContainer li img").hover( mouseEnter, mouseLeave );
}); // end document.ready()

function mouseEnter() {
	$(this).css("outline", "1px solid #a4520b");
	var curIdx = $(this).attr("id").substr(1);
	var sourceStr = reverseStr(reverseStr($("#mainRightImg").attr("src")).substr(5)) + curIdx + ".jpg";
	$("#mainRightImg").attr("src", sourceStr);
}

function mouseLeave() {
	$(this).css("outline", "none");
}

function reverseStr(s){
    return s.split("").reverse().join("");
}