var MouseOnImage = 5;
var ImageSizes = new Array();

function InitSizes()
{
	for(var i = 0; i < 5; i++)
	{
		ImageSizes[i] = new Array();
		ImageSizes[i]["width"] = document.getElementById("Simage" + i).offsetWidth;
		ImageSizes[i]["height"] = document.getElementById("Simage" + i).offsetHeight;
		ImageSizes[i]["ratio"] = ImageSizes[i]["width"] / ImageSizes[i]["height"];
	}
}

function SpawnElementById(id, percent)
{
	document.getElementById(id).style.opacity = percent;
	document.getElementById(id).style.filter = "alpha(opacity = " + (percent * 100) + ")";
	if(percent < 1)
		setTimeout("SpawnElementById(\"" + id + "\", " + (percent + 0.03) + ")", 50);
}

function SpawnAll()
{
	setTimeout("SpawnElementById(\"BigLogo\", 0)", 0);
	setTimeout("SpawnElementById(\"LangsTable\", 0)", 1500);
	setTimeout("InitSizes()", 2500);
	setTimeout("SpawnElementById(\"GalleryDiv\", 0)", 3000);
	setTimeout("SpawnElementById(\"CopyrightDiv\", 0)", 3000);
}

function RaiseImage(image)
{
	if(MouseOnImage == image)
	{
		var ImageElement = document.getElementById("image" + image);
		var percent = parseFloat(ImageElement.style.opacity);
		if(percent < 1)
		{
			percent += 0.05;
			ImageElement.style.opacity = percent;
			ImageElement.style.filter = "alpha(opacity = " + (percent * 100) + ")";
		}
		if((ImageSizes[image]["width"] < 180) && (ImageSizes[image]["height"] < 180))
		{
			ImageElement.style.width = (ImageSizes[image]["width"] += 10) + "px";
			ImageElement.style.height = (ImageSizes[image]["height"] += 10.0 / ImageSizes[image]["ratio"]) + "px";
		}
		if((percent < 1) || ((ImageSizes[image]["width"] < 180) && (ImageSizes[image]["height"] < 180)))
			setTimeout("RaiseImage(" + image + ")", 50);
	}
}

function LowerImage(image)
{
	if(MouseOnImage != image)
	{
		var ImageElement = document.getElementById("image" + image);
		var percent = parseFloat(ImageElement.style.opacity);
		if(percent > 0.5)
		{
			percent -= 0.05;
			ImageElement.style.opacity = percent;
			ImageElement.style.filter = "alpha(opacity = " + (percent * 100) + ")";
		}
		if((ImageSizes[image]["width"] > 128) || (ImageSizes[image]["height"] > 128))
		{
			ImageElement.style.width = (ImageSizes[image]["width"] -= 10) + "px";
			ImageElement.style.height = (ImageSizes[image]["height"] -= 10.0 / (ImageSizes[image]["ratio"])) + "px";
		}
		if((percent > 0.5) || (ImageSizes[image]["width"] > 128) || (ImageSizes[image]["height"] > 128))
			setTimeout("LowerImage(" + image + ")", 50);
	}
}