var karl, image;

function updateMain(text)
{
	 document.getElementById('maincheese').innerHTML = text;
}

window.onload = function()
{
	
	var karl = document.getElementById("karl");
	Drag.init(karl);
	karl.onDragEnd = function(x, y)
	 {
		if(x < 70 && y < 70)
		{
			karl.style.left = "4px";
			karl.style.top = "1px";
			updateMain("Thanks!");
		}else
		{
			updateMain("<strong>Put that back please Squire!</strong>");
		}
	 }
}

function growPostImage(id)
{
	var image = document.getElementById(id);
	image.height=75;
	image.width=75;

}

function shrinkPostImage(id)
{
	var image = document.getElementById(id);
	image.height = 48;
	image.width = 48;
}

function showBox(id)
{
	//var box = document.getElementById(id);
	//box.style.display = 'block';
	if (document.getElementById) { //IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // NS 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}
function hideBox(id)
{
	//var box = document.getElementById(id);
	//box.style.display = 'none';
	
	if (document.getElementById) { // IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // NS 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}