$(document).ready(function(){
		var divStr = '<div id="imageScreen"><div id="closeLink">X</div>';
		divStr += '<img src="/sg-graphics/loading.gif;" id="bigImage" /></div>'
		$("body").append(divStr);
		
		$("#closeLink").click(function(){hideBig();});
		$("#bigImage").click(function(){hideBig();});
});


function showImage(whatImage,imgWidth,imgHeight)
{
	var winW = parseInt(imgWidth) + 40;
	var winH = parseInt(imgHeight) + 40;
	grabBig(whatImage);
	var H = $(window).height();
	var Hspace = Math.round((H - winH)/2)-70;
	var W = $(window).width();
	var Wspace = Math.round((W - winW)/2);
	winW += 'px';
	winH += 'px';
	Hspace += 'px';
	Wspace += 'px';
	$("#imageWindow").css("width",winW).css("height",winH).css("margin-top",Hspace).css("margin-left",Wspace);
	$('#imageScreen').css("text-align","center").fadeIn();
}

function hideBig()
{
	$("#bigImage").attr('src','/sg-graphics/loading.gif');
	$("#imageScreen").hide();
}

function grabBig(whatImage)
{
	if(typeof imagePath == 'undefined'){imagePath = '/sg-images/';}
	loadPath = imagePath + whatImage;
	$("#bigImage").attr("src",loadPath);
}