function displayToppings()
{
	show(skytop);
	show(colorfulrow);
	show(pictureshow);
	show(gradient);
}

function displayMenu()
{
	show(frameleft);
	show(getMenu());
	show(framecenter);
}

function displayBottom()
{
	show(frameright);
	show(bottomline);
	show(copyright);
}

function getMenu()
{
	var result = '';
	var target = '';
	var i = 0;
	var a = 0;

	while (!getExist(menu[a]))
	{
		var b = 0;

		result += '<table cellspacing="0" class="menublock"><tr><td class="menutitle" colspan="3"><img src="'+homeurl+imagefolder+'common/block.gif" width="9" height="9" border="0" alt=""> ';
		result += dashspacing(menu[a], ' ');
		result += '</td></tr>';

		i = a + 1;

		while (!getExist(eval('menu'+i+'[b]')))
		{
			target = eval('menu' + i + '[b]');
			result += '<tr><td class="menuitem" colspan="3"><a href='+homeurl+'/'+dashspacing(menu[a])+'/'+dashspacing(target)+'.htm class=menulink>'+dashspacing(target, ' ')+'</a></td></tr>';
			result += '<tr><td class="boxleft"><img src="'+homeurl+imagefolder+'common/blank.gif" width="1" height="1" border="0" alt=""></td><td class="boxcenter"><img src="'+homeurl+imagefolder+'common/blank.gif" width="1" height="1" border="0" alt=""></td><td class="boxright"><a href='+homeurl+'/'+dashspacing(menu[a])+'/'+dashspacing(target)+'.htm class=menulink><img src="'+homeurl+imagefolder+'common/detail.gif" width="139" height="12" border="0" alt=""></a></td></tr>';
			b++;
		}

		a++;

		result += '</table>';
	}

	result += '<br /><br /><br /><br /><br />';

	return result;
}

function displayProductList()
{
	var result = '<h3>Product List</h3>';

	loadXML(homeurl+"/includes/products.xml");

	var items = xmlDoc.getElementsByTagName("item");

	var sortingList = new Array();

	for (var i = 0; i < items.length; i++) {
		sortingList[i] = new order(xmlDoc.getElementsByTagName("name").item(i).text, i);
	}

	sortingList.sort(sortByName);

    for (var i = 0; i < items.length; i++) {
		result += '<span class="productlist" onclick="displayProductDetail('+sortingList[i].ID+')">';
		result += '<li>'+sortingList[i].Name+'</li></span>';
	}

	productpage.innerHTML = result + "<br><br><br>";
}

function displayProductDetail(number)
{
	var result = '<div id="productname">'+xmlDoc.getElementsByTagName("name").item(number).text+'</div>';
	result += '<div id="productdesc"><span style="text-decoration:underline;cursor:hand" onclick="displayProductList()"><< Go back to product list</span><br></div>';
	result += '<div id="productdesc"><img src='+homeurl+'/images/samples/'+xmlDoc.getElementsByTagName("sample").item(number).text+' border="0" alt="" align="left" style="margin-right:15px">';
	result += xmlDoc.getElementsByTagName("description").item(number).text+'</div>';
	result += '<div id="productavail"><span style="text-transform: capitalize"><b>'+xmlDoc.getElementsByTagName("name").item(number).text+'</span> is available in:</b><br>'+xmlDoc.getElementsByTagName("available").item(number).text+'</div>';

	productpage.innerHTML = result;
}