var wMax = 666;
var hMax = 407;
var wMin = 325;
var hMin = hMax / (wMax / wMin);
var w = wMin;
var h = hMin;
var dw = w / 5;
var dh = h / 5;
var t1, t2;
var obj_name = "";
var ready1 = true;
var ready2 = true;

function f1()
{
	if (obj_name != "")
	{
		document.getElementById( obj_name ).style.display = "none";
		clearTimeout(t1);
		clearTimeout(t2);
	}

	wMax = 666;
	hMax = 407;
	wMin = 325;
	hMin = hMax / (wMax / wMin);
	w = wMin;
	h = hMin;
	dw = w / 5;
	dh = h / 5;
	obj_name = "test";

	document.getElementById("test").style.display = "block";
	document.getElementById("test").style.width  = wMin+"px";
	document.getElementById("test").style.height = hMin+"px";

	_f1();
}

function _f1()
{
	ready1 = false;
	ready2 = true;
	var d = document.getElementById( obj_name );
	if (w < wMax)
	{
		clearTimeout(t2);
		w += dw;
		h += dh;
		if (w > wMax)
			w = wMax;
		if (h > hMax)
			h = hMax;
		d.style.width  = w+'px';
		d.style.height = h+'px';
		t1 = setTimeout("_f1()", 100);
	}
	else
	{
//		ready1 = true;
		ready2 = true;
		clearTimeout(t1);
	}
}

function f2()
{
	if (ready2)
		_f2();
}

function _f2()
{
	ready2 = false;
	var d = document.getElementById( obj_name );
	if (w > wMin)
	{
		clearTimeout(t1);
		w -= dw;
		h -= dh;
		if (w < wMin)
			w = wMin;
		if (h < hMin)
			h = hMin;
		d.style.width  = w+'px';
		d.style.height = h+'px';
		t2 = setTimeout("_f2()", 100);
	}
	else
	{
		clearTimeout(t2);
		document.getElementById( obj_name ).style.display = "none";
		if ( obj_name == "test")
			mon2();
		else
		{
			ready1 = true;
			obj_name = "";
		}
	}
}



var monIdx = 0;
function mon()
{
	if (ready1)
		_mon();
}

function _mon()
{
	ready1 = false;
	var d = document.getElementById("mon_img");
	if (monIdx < 2)
	{
		monIdx++;
		document.getElementById("mon_img").src = "/images/m"+monIdx+".png";
		t1 = setTimeout("_mon()", 100);
	}
	else
	{
		f1();
	}
}

function mon2()
{
	ready2 = false;
	obj_name = "";
	var d = document.getElementById("mon_img");
	if (monIdx > 0)
	{
		monIdx--;
		document.getElementById("mon_img").src = "/images/m"+monIdx+".png";
		t1 = setTimeout("mon2()", 100);
	}
	else
	{
//		ready2 = true;
		ready1 = true;
	}
}


function showImg2(img, w1, h1)
{
	if (!ready1)
		return;

	if (obj_name != "")
	{
		document.getElementById( obj_name ).style.display = "none";
		clearTimeout(t1);
		clearTimeout(t2);
	}

	document.getElementById("imgBig").src = img.src;

	wMax = w1;
	hMax = h1;
	wMin = img.width;
	hMin = img.height;
	w = wMin;
	h = hMin;
	dw = w / 1;
	dh = h / 1;
	obj_name = "imgDiv";

	x = getAbsOffsetLeft(img);
	y = getAbsOffsetTop(img);

	var obj = document.getElementById("imgDiv");
	obj.style.width  = w+'px';
	obj.style.height = h+'px';
	obj.style.left = x+"px";
	obj.style.top  = y+"px";
	obj.style.display = "block";

	_f1();
}


function hideImg(id)
{
	if (!ready2)
		return;

	f2();
}