$(function(){
	$('#zoomLink LI A').attr('href','javascript:void(0)');
	$('#zoomLink .before').css('display','none');

	$('#zoomLink LI A').click(function(){
		var num = Number($(this).attr('id').replace(/photo_link(\d+)/,"$1"));
		$('#zoomArea LI P').parent().css('display','none');
		$('#image'+num).css('display','block');
		setSize($('#image'+num+' IMG'));
	});

	$('A.after').click(function(){
		$('#zoomLink .before').css('display','none');
		$('#zoomLink .after').css('display','block');
		$('#zoomArea LI P').parent().css('display','none');
		$('#image1').css('display','block');
	});
	$('A.before').click(function(){
		$('#zoomLink .before').css('display','block');
		$('#zoomLink .after').css('display','none');
		$('#zoomArea LI P').parent().css('display','none');
		$('#image6').css('display','block');
		setSize($('#image6 IMG'));
	});
});

function setSize(obj){

	if(obj.width() > 512 || obj.height() > 372){

		if(obj.width() / 512 > obj.height() / 372){
			height = Math.floor(obj.height() * (512 / obj.width()));
			obj.css({'width':'512px','height':height+'px'});
		}else{
			width = Math.floor(obj.width() * (372 / obj.height()));
			obj.css({'width':width+'px','height':'372px'});
		}

	}

}