//
//
// javascript category array
//
//

categories = new Array();

categoryArrayLength  = 4;
elCategoryId         = 0;
elCategoryCode       = 1;
elCategoryName       = 2;
elProducts           = 3;

productArrayLength  = 3;
elProductId         = 0;
elProductCode       = 1;
elProductName       = 2;

function addCategory(id, code, name) {

	categoryIndex = categories.length;
	categories[categoryIndex] = new Array(categoryArrayLength);
	categories[categoryIndex][elCategoryId] = id;
	categories[categoryIndex][elCategoryCode] = code;
	categories[categoryIndex][elCategoryName] = name;
	categories[categoryIndex][elProducts] = new Array();

}

function addProduct(id, code, name) {

	categoryIndex = categories.length - 1;
	productIndex = categories[categoryIndex][elProducts].length;
	categories[categoryIndex][elProducts][productIndex] = new Array(productArrayLength);
	categories[categoryIndex][elProducts][productIndex][elProductId] = id;
	categories[categoryIndex][elProducts][productIndex][elProductCode] = code;
	categories[categoryIndex][elProducts][productIndex][elProductName] = name;

}

function hideAll() {

	for (i = 0; i < categories.length; i++) {
		hideIt('categoryDetail' + categories[i][elCategoryId]);
		for (j = 0; j < categories[i][elProducts].length; j++) {
			hideIt('productDetail' + categories[i][elProducts][j][elProductId]);
		}
	}

}

function rollOverImage(id){
//	hideAll();
	newInnerHTML=document.getElementById(id).innerHTML;
//    alert(newInnerHTML);
//	newInnerHTML="<div id='categoryBanner' class='banner'>" + id + "</div>";
    document.getElementById("detail").innerHTML=newInnerHTML;
}

function resetDetail(){
    newInnerHTML=document.getElementById("detailorig").innerHTML;
    document.getElementById("detail").innerHTML=newInnerHTML;
}