// Render the styles
document.writeln(
	'<style>' +
	'.images {' +
	'	display: block;' +
	'	text-align: center;' +
	'	margin: auto;' +
	'}' +
	'.images img {' +
	'	padding: 7px' +
	'	vertical-align: top;' +
	'}' +
	'.imgresizable {' +
	'	cursor: url(/rc/zoomin.cur), pointer;' +
	'}' +
	'</style>');

var default_img_s = 350;
var default_img_l = 720;
var args = [];
function _imgresize(arg)
{
	var oImg = args[arg].obj;
	var from = args[arg].from;
	var to = args[arg].to;
	var inc = to > from;  //true if increasing

	var delta = to-from;  //total distance
	var curr = oImg.width;
	var relpos = (curr-from) / delta;  //relative position (0..1)
	var speed = Math.abs(relpos-0.5);
	speed *= speed;  //parabola (0..0.25)
	speed = 0.27 - speed;  //fastest in the middle (0.27..0.02)

	oImg.width += 0.4*speed*delta;

	if ((inc && oImg.width >= to) || (!inc && oImg.width <= to))
	{
		window.clearTimeout(args[arg].timer);
		oImg.width = to;  //fix overshoot
		if (inc)
			oImg.style.cursor = 'url(/rc/zoomout.cur), pointer';
		else
			oImg.style.cursor = 'url(/rc/zoomin.cur), pointer';
	}
}
function imgresize(oImg, img_s, img_l)
{
	if (img_s == null)
		img_s = default_img_s;
	if (img_l == null)
		img_l = default_img_l;

	var from, to;
	if (oImg.width < img_l)
	{
		from = img_s; to = img_l;
	}
	else
	{
		from = img_l; to = img_s;
	}

	var n = args.length;
	args[n] = {
		obj: oImg,
		from: from,
		to: to
	};
	args[n].timer = window.setInterval('_imgresize(' + n + ')', 10);
}