var category;
function showResult(start, cat){
	var xmlDoc=new ActiveXObject("MSXML.DOMDocument");xmlDoc.async="false";
	xmlDoc.load("catalog.xml");
	var num = 9;
	var catalog=xmlDoc.documentElement;
	category=catalog.getElementsByTagName(cat)[0];
	var product=category.childNodes(0);
	var cols = 3, rows = category.childNodes.length/cols;
	var body = document.getElementsByTagName("body")[0];
	var linkCell = document.getElementById("navigator");
    var strStart="";
    
    for (var i = (start/cols); i < rows; i++) {
	    strStart += "<tr>";
		for (var j = 0; j < cols; j++) {
			if((category.childNodes.length<=j+i*cols)|| num+start<=j+i*cols) break;
			product = category.childNodes(j+i*cols);
			strStart+="<td>";
		    var  prodName = product.tagName.substr(2);
            if (prodName.substr(0,3)=="Nil")
                prodName = "Nil";
            if(product.getElementsByTagName("Remarks")[0].childNodes(0) !=null)
                if(product.getElementsByTagName("Remarks")[0].childNodes(0).nodeValue == "New")
                    strStart +=  "<img alt=\"New\" width=20 height=15 src=\"image/new.gif\" /><br>";
            
			strStart +="<a href=\"javascript:showDetail("+(j+i*cols)+")\"><img src=\""+"thumb/"
			+product.tagName.substr(2)+".png\" border=0  /></a>"
			+"<br>"+prodName+"</td>";
		}
		strStart +="</tr>";
		if((category.childNodes.length<j+i*cols)|| num+start<j+i*cols) break;
	}
	document.getElementById("info").innerHTML="<table border=\"0\">"+strStart+"</table>";
	var str1="";
    if(cat=="Licensed")
        str1="LICENSING PRODUCT FOR LICENSEE REFERENCE ONLY &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
	if (j+i*cols<category.childNodes.length || start != 0){
		if (start!=0){
		    str1+="<a href='javascript:showResult("+(start-num)+", "+"\""+cat+"\")'>Prev</a> ";
		}
		if (j+i*cols<category.childNodes.length){
		    str1+="<a href='javascript:showResult("+(j+(i-1)*cols)+", "+"\""+cat+"\")'>Next</a>";
		}
	}
	linkCell.innerHTML=str1;
}

function showDetail(prodID){
    var str, strNew="", i = 0;;
    var product = category.childNodes(prodID);
    var url = "photo/"+product.tagName.substr(2)+".png";
    var  prodName = product.tagName.substr(2);
    if (prodName.substr(3)=="Nil")
        prodName = "Nil";
    
    str="<table>";
    str+="<tr><td><b><u>No. "+prodName+"</U></B></td><td></td></tr>";
    for (i=0;i<product.childNodes.length-2;i++){
        str+="<tr><td><B>"+product.childNodes(i).tagName.replace("_"," ")+":</B></td><td>"+product.childNodes(i).childNodes(0).nodeValue+"</td></tr>";
    }
    if (product.childNodes.length>=2)
        str+="<tr><td></td><td>"+product.childNodes(i).childNodes(0).nodeValue+"</td></tr>"
    str+="</table>";
        
    if(product.getElementsByTagName("Remarks")[0].childNodes(0) !=null)
        if(product.getElementsByTagName("Remarks")[0].childNodes(0).nodeValue == "New")
            strNew =  "<img alt=\"New\" width=34 height=27 src=\"image/new.gif\" /><br>";
	document.getElementById('imgs').innerHTML=strNew+"<img src='"+url+"'>"+str;
}

function showCat(cat){
    var logos = new Array("image/logo_SitNRide.png","image/logo_Licensed.png", "image/logo_BubblesMachine.png", "image/logo_mpp.png", "image/logo_GardenSet.png");
	var strCats = new Array("SitNRide", "Licensed", "BubblesMachine", "MiniPowerPro", "GardenSet");
	var strEnd, strCat="";
	strEnd="<div class="+strCats[cat]+" style='width:70%'><a href='javascript:showCat("+cat+")'><img src='"+logos[cat]+"' alt=''></a></div>";
    strCat+= strEnd;
	document.getElementById("category").innerHTML=strCat;
	showResult(0, strCats[cat]);
	 showDetail(0);
}

function swapOver(imageID){
    document.getElementById(imageID).src=document.getElementById(imageID).src.replace("image", "swap");
}
function swapOut(imageID){
    document.getElementById(imageID).src=document.getElementById(imageID).src.replace("swap", "image");
}