var renStart=0;
$(document).ready(function(){
	$("#thumbnail li a").click(function(){
		if ( $("#ren").attr("src") != $(this).attr("href") ) {
			if($(this).attr("class") == "white"){
				$("#photoViewer").css("background-color","#ffffff");
			} else {
				$("#photoViewer").css("background-color","#000000");
			}		
			$("#ren").hide().attr({"src": $(this).attr("href"), "title": $("> img", this).attr("title")});
		}
		this.blur();
		return false;
	});
	$("#ren").hide();
});
$(window).load(function(){
	loadRen();
});
function loadRen(){
	$("#ren").css("margin-top","0px");
	$("#ren:hidden").fadeIn("300");
	var botBarW = 0;
	var sideBarW = 0;
	var viewerW = $("#photoViewer").css("width");
	var viewerH = $("#photoViewer").css("height");
	viewerW = viewerW.replace(/px/,"");
	viewerH = viewerH.replace(/px/,"");
	var picDiv = document.getElementById('ren');
	if (picDiv == null) return;
	var scrollDiv = document.getElementById('photoViewer');
	var picW = picDiv.width;
	var picH = picDiv.height;
	if ( viewerW < picDiv.width ) botBarW = 13;
	if ( (viewerH-botBarW) < picH ) sideBarW = 13;
	if ( (viewerW-sideBarW) < picW ) botBarW = 13;
	var left = Math.round((viewerW-sideBarW-picW)/2);
	var top = Math.round((viewerH-botBarW-picH)/2);
	if (scrollDiv != null && scrollDiv.fleXcroll) {
		scrollDiv.scrollUpdate();
		scrollDiv.contentScroll(0-left+"px",0-top+"px",false);
	} else if ( left < 0 ) {
		scrollDiv.scrollLeft=0-left;
	}
	if ( top > 0 ) $("#ren").css("margin-top",top+"px");
	if ( renStart == 0 ) {
		$("#ren").load( loadRen );
		renStart=1;
	}
}