// JavaScript Document
var xmlhttp=null;
function loadXMLDoc(url)
{
	// code for Mozilla, etc.
	

	if (window.XMLHttpRequest)
	{
	  xmlhttp=new XMLHttpRequest();
	}
	// code for IE
	else if (window.ActiveXObject)
	{
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	if(xmlhttp!=null)
	{
	  xmlhttp.onreadystatechange=state_Change;
	  xmlhttp.open("GET",url,true);
	  xmlhttp.send(null);

	  document.getElementById("productPreview").innerHTML = "";
	  var aElement=document.createElement("div");
	  aElement.id = "loader";
	  aElement.className  = "loader";
	  var src = document.getElementById("productPreview");
	  src.appendChild(aElement);	  
	  aElement.innerHTML = "<div align='center' style='background-color:#ffffff;height:400px;margin:4px;vertical-align:middle;'><img src='images/loader.gif' style='margin:170px;' /></div>"
	}
	else
	{
	  alert("Your browser does not support XMLHTTP.");
	}
}



function state_Change()
{
// if xmlhttp shows "loaded"
	if (xmlhttp.readyState==4)
  	{
	  // if "OK"
		if (xmlhttp.status==200)
		{
		// ...some code here...
			if(xmlhttp.responseText!=""){
				var productObj = eval('(' + xmlhttp.responseText + ')');
				//alert(xmlhttp.responseText);
				loadData(productObj);	
			}else{
				document.getElementById("productPreview").innerHTML = "Error while retrieving the data!";
			}
		}
		else
		{
			alert("Problem retrieving XML data");
		}	
  	}
}

function setImage(imgSrc){
	document.getElementById("productPreview").innerHTML = "<img src='"+imgSrc+"'/>";
}


function loadData(productObj)
{
	document.getElementById("productPreview").innerHTML = "<img src='products/"+productObj.product.product_frontimage+"'/>";
	var html = "<div class=\"productName\">"+productObj.product.product_name+"</div>";
	if(productObj.product.product_frontimage){
		html += "<div class=\"setImage\"><a href=\"javascript:void(0)\" onclick=\"setImage('products/"+productObj.product.product_frontimage+"')\">FRONT</a></div>";
	}
	if(productObj.product.product_insideimage){
		html += "<div class=\"setImage\"><a href=\"javascript:void(0)\" onclick=\"setImage('products/"+productObj.product.product_insideimage+"')\">INSIDE</a></div>";
	}
	if(productObj.product.product_backimage){
		html += "<div class=\"setImage\"><a href=\"javascript:void(0)\" onclick=\"setImage('products/"+productObj.product.product_backimage+"')\">BACK</a></div>";
	}																	
	document.getElementById("productTitle").innerHTML = html;
	if(productObj.product.product_price){
		var html2 = "<table border=\"0\" cellpadding=\"0\" cellspcing=\"0\"><tr><td style=\"padding-top:3px;padding-bottom:3px;width:180px;\"><a href=\"cart.php?action=add&pageno="+productObj.product.product_pageno+"&catid="+productObj.product.product_catid+"&id="+productObj.product.product_id+"\"><img src=\"images/addToCart.gif\" border=\"0\" /></a></td>";
		html2 += "<td style=\"font-size:14px;\"><strong>$"+productObj.product.product_price+"</strong></td></tr></table>";
	}
	if(productObj.product.product_description){		
		html2 += "<div style=\"color:#986606;\">"+productObj.product.product_description+"</div>";
		document.getElementById("productDescription").innerHTML = html2;
	}
}