function create_window(imageID) {
				 //self explanitory (popup window)
          if(window.popup_window && !window.popup_window.closed) {
                window.popup_window.resizeTo(550, 550);
          }
					var window_specs = "location=no, scrollbars=yes, menubars=no, toolbars=no, resizable=yes, left=0, top=0, width=" + 550 + ", height=" + 550;
					var url = "../p/imgWindow.php?image=" + imageID;
					popup_window = window.open(url, "PictureWindow", window_specs);
					popup_window.focus();
}
var loadingImg = new Image(); 
loadingImg.src = '../m/i/loading.gif';
function loadimg(x) {
				  //show loading img
					objectID = document.getElementById("mid_img");
					objectID.setAttribute("src", loadingImg.src);
					objectID.setAttribute("alt", "Loading");
					objectLink = document.getElementById("mid_img_link");
					objectLink.setAttribute("href", "javascript:create_window('" + x +"')");
					//create the new img
					var bigImg = new Image();
					bigImg.src = "../m/" + x;
					// When the big image finishes loading, swap the main img with it
					//bigImg.onload = function() {
					objectID.setAttribute("src", bigImg.src);
					//}
}


var xmlhttp;

function showItem(str)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="../p/sel_item.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function stateChanged()
{
if (xmlhttp.readyState==4)
  {
   				//item descriptions
          document.getElementById("item_name").innerHTML=
  				xmlhttp.responseXML.getElementsByTagName("item_name")[0].childNodes[0].nodeValue;
          document.getElementById("item_sku").innerHTML=
					xmlhttp.responseXML.getElementsByTagName("item_sku")[0].childNodes[0].nodeValue;
          document.getElementById("item_desc").innerHTML=
					xmlhttp.responseXML.getElementsByTagName("item_desc")[0].childNodes[0].nodeValue;
          document.getElementById("item_price").innerHTML=
					xmlhttp.responseXML.getElementsByTagName("item_price")[0].childNodes[0].nodeValue;
					document.getElementById("item_id").setAttribute("href", "jewelryBox.php?pid="+xmlhttp.responseXML.getElementsByTagName("item_id")[0].childNodes[0].nodeValue);
					
					//set initial bigger img
					
					loadimg(xmlhttp.responseXML.getElementsByTagName("mid_img")[0].childNodes[0].nodeValue);
					/*
					document.getElementById("mid_img").setAttribute("src", "../m/"+xmlhttp.responseXML.getElementsByTagName("mid_img")[0].childNodes[0].nodeValue);					
					document.getElementById("mid_img_link").setAttribute("href", "javascript:create_window('"+xmlhttp.responseXML.getElementsByTagName("mid_img")[0].childNodes[0].nodeValue+"')");		
					*/
					//set other view imgs
					//1
					document.getElementById("img1").setAttribute("src", "../m/"+xmlhttp.responseXML.getElementsByTagName("item_img1")[0].childNodes[0].nodeValue);
					document.getElementById("img_a1").onclick = function() {
					loadimg(xmlhttp.responseXML.getElementsByTagName("item_bimg1")[0].childNodes[0].nodeValue);
					}
					//2
					document.getElementById("img2").setAttribute("src", "../m/"+xmlhttp.responseXML.getElementsByTagName("item_img2")[0].childNodes[0].nodeValue);
					document.getElementById("img_a2").onclick = function() {
					loadimg(xmlhttp.responseXML.getElementsByTagName("item_bimg2")[0].childNodes[0].nodeValue);
					 }
					//3
					document.getElementById("img3").setAttribute("src", "../m/"+xmlhttp.responseXML.getElementsByTagName("item_img3")[0].childNodes[0].nodeValue);
					document.getElementById("img_a3").onclick = function() {
					loadimg(xmlhttp.responseXML.getElementsByTagName("item_bimg3")[0].childNodes[0].nodeValue);
					}
					//4
					document.getElementById("img4").setAttribute("src", "../m/"+xmlhttp.responseXML.getElementsByTagName("item_img4")[0].childNodes[0].nodeValue);
					document.getElementById("img_a4").onclick = function() {
					loadimg(xmlhttp.responseXML.getElementsByTagName("item_bimg4")[0].childNodes[0].nodeValue);
					}
  }
}
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}