function largeImage(width,height,imageNumber,template,row,rows)
{
	row++;
	var imageDiv = document.getElementById("imageDiv");
	
	while (imageDiv.hasChildNodes())
	{
	  imageDiv.removeChild(imageDiv.firstChild);
	}

	var image = document.createElement('img');
	image.className = "displayImage";
	image.src='/generic/image?image=' + template;
	image.id='image' + imageNumber;
	image.style.background = "url(/generic/image?image=" + imageNumber + ")";
	image.style.width=width + "px";	
	image.style.height=height + "px";	

//	image.style.position = "absolute";
//	image.style.left = "20px";
//	image.style.top = "100px";

	imageDiv.parentNode.appendChild(image);
}

function removeImage(imageNumber)
{
	var imageDiv = document.getElementById("imageDiv");
	while (imageDiv.hasChildNodes())
	{
	  imageDiv.removeChild(imageDiv.firstChild);
	}
	
	var image = document.getElementById('image' + imageNumber);
	image.className = "hideImage";
}

function showTutorText(message,siteNumber)
{
	myWindow = window.open('/','mywin','left=100,top=100,width=300,height=200,toolbar=0,resizable=0');
	myWindow.document.write("<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>");
	myWindow.document.write("<html><head><link rel='stylesheet' type='text/css' href='/styles/style" + siteNumber + ".css'>");
	myWindow.document.write("<title>Tutor Details</title></head>");
	myWindow.document.write("<body>");
	myWindow.document.write("<div class='showBrochureTutorText'><h2>About the tutor</h2>" + message + "</div>");
	myWindow.document.write("</body>");
	myWindow.document.write("</html>");
	myWindow.document.title = "Tutor Details";	
	myWindow.document.close();
}
