/* Create a new tag element object */

function newTagElement(tagname, elemname, num,classVal) {
var newelement = document.createElement(tagname);
newelement.id = elemname + num;
newelement.className=classVal;
return newelement;
 }
 

/* Create a new TextNode object. */

function newTextElement2(arrayname,num,prefix) {
arrayname = eval(arrayname);
var newtext = document.createTextNode(prefix + arrayname[num]);
return newtext;
 
}

/* Create the dynamic content for the list page, including markup elements. */ 

function createProductDesc2(num) {
var maindiv = document.getElementById('main');

var headelem = newTagElement("h2","head",num,"");
var headtext = newTextElement2(productname,num,"");
headelem.appendChild(headtext);

var picdiv = newTagElement("div","pic",num,"floatleft");
var imgelem = newTagElement("img","img",num,"");
imgelem.src = smallimg[num].src;
picdiv.appendChild(imgelem);

var descelem = newTagElement("p","p",num,"");
var desctext = newTextElement2(productdesc,num,"");
descelem.appendChild(desctext);

var priceelem = newTagElement("p","pr",num,"price");
var pricetext = newTextElement2(origprice,num,"Price: ");
priceelem.appendChild(pricetext);
if (saleprice[num]) { 
 var saletext = newTextElement2(saleprice,num,"......On Sale for ");
 priceelem.appendChild(saletext);
 }

var detailelem = newTagElement("p","detail",num,"");
var alinkelem = newTagElement("a","",num,"");
alinkelem.href = "javascript:showdetail2(" + num + ")";
var alinktext = document.createTextNode("Details");
alinkelem.appendChild(alinktext);
detailelem.appendChild(alinkelem);

var orderelem = newTagElement("p","order",num,"");
var orderlinkelem = newTagElement("a","",num,"");
orderlinkelem.href="";
var orderlinktext = document.createTextNode("Order");
orderlinkelem.appendChild(orderlinktext);
orderelem.appendChild(orderlinkelem);

maindiv.appendChild(headelem);
maindiv.appendChild(picdiv);
maindiv.appendChild(descelem);
maindiv.appendChild(priceelem);
maindiv.appendChild(detailelem);
maindiv.appendChild(orderelem);
}

/* display the product listings */ 

function ProductList2(arraystart, arrayend) {
for (i=arraystart; i <= arrayend; i++) {
  createProductDesc2(i);
 }
}



/* show detailed product description  */ 


function showdetail2(num) {

var detailelem = "detail" + num;
var lastNodeValue = document.getElementById(detailelem).lastChild.nodeValue;
if (lastNodeValue == null ||lastNodeValue.charAt(0) == "" || lastNodeValue.charAt(0) == "\n" || lastNodeValue.length < 3) {
var detailtext = newTextElement2(moredesc,num,"::: ");
document.getElementById(detailelem).appendChild(detailtext);
 }
}