var nextImage = new Image();
var loading = false;

var Webdev = Class.create({
	initialize: function()
	{
		this.loading = false;
		this.dir = "/images/sites";
		
		
		
	}

});

function loadSite(site, height)
{
	if(loading)
		return false;
		
	loading = true;
	nextImage.src = "images/sites/" + site + ".png"
	
//	$("tag").src = "images/sites/"+site+"_tag.png";
	
	new Ajax.Request("/images/sites/"+site+".txt", {onComplete: function(xreq) { $("table").innerHTML = xreq.responseText; }});
	
	var siteElement = $("siteContainer");
	var percent = parseInt((height / parseInt(siteElement.style.height))*100);
	new Effect.Scale(siteElement, percent, {scaleX: false});
	new Effect.Fade(siteElement.childNodes[0]);
	setTimeout("loadNextImage()", 1150);
}

function loadNextImage()
{
	/*var newImage = new Image();
	newImage.src = nextImage.src;
	newImage.display = "none";
	newImage.style.opacity = 0;
	newImage.style.MozOpacity = 0;
	newImage.
	var siteElement = $("siteContainer");
	siteElement.removeChild(siteElement.childNodes[0]);*/
	var siteElement = $("siteContainer");
	siteElement.childNodes[0].src = nextImage.src;

	new Effect.Appear(siteElement.childNodes[0], {from: 0.0});
	setTimeout("doneLoading()", 1150);
}

function doneLoading()
{
	loading=false;
}

function populateText(xreq)
{
	alert(xreq.responseText);

}