function getHTTPObject()
{   
	try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {}
	
	try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}
	
	try { return new XMLHttpRequest(); } catch(e) {}
	
	alert("XMLHttpRequest is not supported");
	
	return null;
}


function doWork(id)
{   
	//document.getElementById('mainimage').innerHTML ="";

	document.getElementById('mainimage').innerHTML ="";
	document.getElementById('heading').innerHTML ="";
	document.getElementById('desc').innerHTML ="<div class=\"defualt\">Please wait.... Processing.....</div>";
	document.getElementById('dimension').innerHTML ="";
	document.getElementById('meterial').innerHTML ="";

	
	httpObject = getHTTPObject();
	
    if (httpObject != null)
	{       
			httpObject.open("POST", "getinfo.php?id="+id, true);
	         httpObject.send(null);
			 httpObject.onreadystatechange = setOutput;
	}
}

function setStatusText(list)
{	
	document.getElementById('heading').innerHTML =list[1];
	document.getElementById('desc').innerHTML =list[2];
	document.getElementById('dimension').innerHTML ="Dimesions : "+list[3];
	document.getElementById('meterial').innerHTML ="Materials : "+list[4];
	document.getElementById('hid').value=list[5];
}



function putImage(image){
  var h = document.getElementById('mainimage');
  while(h.firstChild){
    h.removeChild(h.firstChild);
  }
  h.appendChild(image);
}

function loadImage(imgurl,list)
{
	var loader = new ImageLoader(imgurl);
	//setStatusText('loading image...', 'status');
	loader.loadEvent = function(url,image){
	   setStatusText(list);
	   putImage(image);
	}
loader.load();
}

function setOutput()
{    
	
	if(httpObject.readyState == 4)
	{     
		var response=httpObject.responseText;
		
		var list =response.split(":#:");
		
		if(list[0]!="")
		{	
			loadImage(list[0],list);
			//document.getElementById('largeimage').src=list[0];
			//if(IsImageOk(document.getElementById('largeimage')))
			//{//document.getElementById('mainimage').innerHTML ="<img id=largeiamge />";
			//document.getElementById('heading').innerHTML =list[1];
			//document.getElementById('description').innerHTML =list[2];
			//document.getElementById('dimension').innerHTML ="Dimesions : "+list[3];
			//document.getElementById('meterial').innerHTML ="Meterial : "+list[4];
			//}
			
		}
		else
		{	document.getElementById('desc').innerHTML =httpObject.responseText}
    } 
    
}