var xmlHttp = createXMLHttpRequestObject();

function createXMLHttpRequestObject()
{
	var xmlHttp;
	try
	{
		xmlHttp = new XMLHttpRequest();
	}
	catch(e)
	{
		var XmlHttpVersions = new Array("MSXML2.XMLHTTP.6.0",
										"MSXML2.XMLHTTP.5.0",
										"MSXML2.XMLHTTP.4.0",
										"MSXML2.XMLHTTP.3.0",
										"MSXML2.XMLHTTP",
										"Microsoft.XMLHTTP");
		for (var i=0; i<XmlHttpVersions.length && !xmlHttp;i++)
		{
			try
			{
				xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
			}
			catch (e) {}
		}
	}
	if(!xmlHttp)
	{
		alert("Error creating the XMLHttpRequest object.");
	}else
	{
		return xmlHttp;
	}
}

function imagetext(id,lang)
{
	
	if (xmlHttp)
	{
		try
		{
			var params = "id=" + id + "&lang=" + lang;
			xmlHttp.open("GET","photostory.php?" + params, true);
			xmlHttp.onreadystatechange = handleRequestStateChange;
			xmlHttp.send(null);
		}	
		catch (e)
		{
			alert("Can't connect to server: \n" + e.toString());	
		}
	}
}

function handleRequestStateChange()
{
	if(xmlHttp.readyState == 4)
	{
		if(xmlHttp.status == 200)
		{
			try
			{
				handleServerResponse();	
			}
			catch (e)
			{
				alert("Error reading the response: " + e.toString());	
			}
		}else
		{
			alert("There was a problem retrieving the data:\n" + xmlHttp.statusText);	
		}
	}	
}

function handleServerResponse()
{
	var xmlResponse = xmlHttp.responseXML;
	if(!xmlResponse)
	{
		alert("xmlResponse");	
	}
	
	
	
	if(!xmlResponse || !xmlResponse.documentElement)
	{
		throw("Invalid XML structure:\n" + xmlHttp.responseText);	
	}
	var rootNodeName = xmlResponse.documentElement.nodeName;
	if(rootNodeName == "parseerror")
	{
		throw("Invalid XML structure\n");	
	}
	xmlRoot = xmlResponse.documentElement;
	imgtextArray = xmlRoot.getElementsByTagName("imagetext");
	imgArray = xmlRoot.getElementsByTagName("image");
	imgnextArray = xmlRoot.getElementsByTagName("nextimage");
	var html = "";
	var image = "";
	var nextimage = "";
	for (var i=0; i< imgtextArray.length;i++)
	{
		html+= imgtextArray.item(i).firstChild.data;	
		image+=imgArray.item(i).firstChild.data;
		nextimage+=imgnextArray.item(i).firstChild.data;
	}
	myDiv = document.getElementById("photostoryimagetext");
	myDiv.innerHTML = "<table><tr style='height:340px;'><td class=photostorytext valign=middle>"+html+"</td></tr></table>";
	myimgDiv = document.getElementById("photostoryimage");
	myimgDiv.style.backgroundImage="url("+image+")";
	myimgnext = document.getElementById("photostorynextimage");
	myimgnext.innerHTML = nextimage;
	
}