var XmlReqSample;
var ua = navigator.userAgent;
		var current_event;
		var current_X,current_Y;
		var dom = (document.getElementById) ? true : false;
		var ie4 = (document.all && !dom) ? true : false;
		var ie5_5 = ((ua.indexOf("MSIE 5.5")>=0 || ua.indexOf("MSIE 6")>=0) && ua.indexOf("Opera")<0) ? true : false;
		var ns4 = (document.layers && !dom) ? true : false;
function DisplaySampleDetails()
{
 LoadSample();
}
function CreateXmlReq()
{
    var objXmlReq;
	try
	{
		objXmlReq = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			objXmlReq = new ActiveXObject("Microsoft.XMLHTTP");
		} 
		catch(oc)
		{
			objXmlReq = null;
		}
	}
	if(!objXmlReq && typeof XMLHttpRequest != "undefined") 
	{
		objXmlReq = new XMLHttpRequest();
	}
	return objXmlReq;
	
}

function LoadSample()
{
 XmlReqSample = CreateXmlReq();
 var requestUrl = "getSample.aspx";
 if (XmlReqSample)
 {
	XmlReqSample.onreadystatechange = HandleSample;
	XmlReqSample.open("POST", requestUrl);
	XmlReqSample.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	XmlReqSample.send("test=yes");
 }
}
function HandleSample()
{
 if(XmlReqSample.readyState == 4)
 {
  if(XmlReqSample.status == 200)
   {   
	var oStr = "";
	var sampleName = "";
	var sampleFile = "";
	var sampleType = 0;
	var oStr0 = "<table width='100%'>";
	var oStr1 = "<table>";
	var oStr2 = "<table>";
	var oStr3 = "<table>";
	var oStr4 = "<table>";
	
    var xmlNodes = XmlReqSample.responseXML.documentElement.getElementsByTagName('Sample');    
    if (xmlNodes.length > 0)//if (xmlNodes.context.childNodes.length > 0)
     {
      oStr0 = oStr0 + "<tr><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><a href='Collection-Essence.aspx' class='linksmall'><b>Essence</b></a></td>";
      oStr0 = oStr0 + "<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><a href='Collection-Tranquility.aspx' class='linksmall'><b>Tranquility</b></a></td>";
      oStr0 = oStr0 + "<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><a href='Collection-Mystical.aspx' class='linksmall'><b>Mystical</b></a></td>";
      oStr0 = oStr0 + "<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><a href='Collection-Vitality.aspx' class='linksmall'><b>Vitality</b></a></td>";
      oStr0 = oStr0 + "<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><a href='Collection-Oasis.aspx' class='linksmall'><b>Oasis</b></a></td>";
      oStr0 = oStr0 + "<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><a href='Collection-Outdoor-Living.aspx' class='linksmall'><b>Outdoor Living</b></a></td></tr>";
     var s0 = "<table>";
	 var s1 = "<table>";
	 var s2 = "<table>";
	 var s3 = "<table>";
	 var s4 = "<table>";
	 var s5 = "<table>";
      for ( var i =0; i<xmlNodes.length;i++)//for ( var i =0; i<xmlNodes.context.childNodes(0).parentNode.childNodes.length;i++)
      {
			sampleName = xmlNodes[i].getElementsByTagName('name')[0].childNodes[0].nodeValue;//xmlNodes.context.childNodes(i).childNodes(0).text;
			sampleFile = xmlNodes[i].getElementsByTagName('filename')[0].childNodes[0].nodeValue; //xmlNodes.context.childNodes(i).childNodes(1).text;
			sampleType = xmlNodes[i].getElementsByTagName('material_type')[0].childNodes[0].nodeValue; //xmlNodes.context.childNodes(i).childNodes(2).text;
			if (sampleType==0)
			  s0 = s0 + "<tr><td>&nbsp;&nbsp;</td><td><a href=" + sampleFile + ".aspx class='linksmall'>" + sampleName + "</a></td></tr>"
			if (sampleType==3)
			 s3 = s3 + "<tr><td>&nbsp;&nbsp;</td><td><a href=" + sampleFile + ".aspx class='linksmall'>" + sampleName + "</a></td></tr>"
			if (sampleType==1)
			 s1 = s1 + "<tr><td>&nbsp;&nbsp;</td><td><a href=" + sampleFile + ".aspx class='linksmall'>" + sampleName + "</a></td></tr>"
			if (sampleType==4)
			  s4 = s4 + "<tr><td>&nbsp;&nbsp;</td><td><a href=" + sampleFile + ".aspx class='linksmall'>" + sampleName + "</a></td></tr>"
			if (sampleType==2)
			  s2 = s2 + "<tr><td>&nbsp;&nbsp;</td><td><a href=" + sampleFile + ".aspx class='linksmall'>" + sampleName + "</a></td></tr>"
			if (sampleType==5)
			  s5 = s5 + "<tr><td>&nbsp;&nbsp;</td><td><a href=" + sampleFile + ".aspx class='linksmall'>" + sampleName + "</a></td></tr>"
      }
      s0 = s0 + "</table>"
      s3 = s3 + "</table>"
      s1 = s1 + "</table>"
      s4 = s4 + "</table>"
      s2 = s2 + "</table>"
      s5 = s5 + "</table>";
     }
     
     oStr0 =oStr0 +"<tr><td></td><td valign='top'>"+s0+"</td><td></td><td valign='top'>"+s3+"</td><td></td><td valign='top'>"+s1+"</td><td></td><td valign='top'>"+s4+"</td><td></td><td valign='top'>"+s2+"</td><td></td><td valign='top'>"+s5+"</td></tr></table>"
     
     oStr =  oStr0;

			var objC = document.getElementById("divSample");
			if(ns4)
			{
				objC.document.write(oStr);
			}else
			{
				objC.innerHTML = oStr;
			}			
   }  
 }
}