$(document).ready(function(){
	// get first
	$("div#main_image").append($("ul.photosnav li:first").html());
	$("div#main_image img").attr("width","550");

	$("ul.photosnav li img").attr("width","100");
	$("ul.photosnav li").css("cursor", "pointer").click(function(){
		var fixW = $("div#main_image").width();
		var fixH = $("div#main_image").height();
		$("div#main_image").css({ width:fixW+"px", height:fixH+"px" });
		// effect
		var el = $(this);
		$("div#main_image").fadeOut(500, function(){
			$(this).html($(el).html());
			$("img", this).attr("width","550");
			$(this).fadeIn();
		});
	});
});