var NAV_ALL_SECTIONS = ["category", "bookend", "cardfilecase", "cashbox", "clip", "keybox","papercutter","pencilsharpener","penstand","punch","replacement","ringindex","shopson","shredder","stapler","taperdispenser","telephoneindex","tozicle","others"];
var NAV_CURRENT = "";
var NAV_IMAGE_PATH = "../images/eng/nav/";

var NAV_DEF = {
	//Start: Top Nav Definition
	// set --> "url" : "null",	if you do not want mouse on / off & finger
	"category" : {"img_off" : "nav_category.gif","img_on" : "nav_category_o.gif",	"url" : "index.html",	"child" : null},
    "bookend" : {"img_off" : "nav_bookend.gif",	"img_on" : "nav_bookend_o.gif","url" : "#","child" : null},
    "cardfilecase" : {"img_off" : "nav_cardfilecase.gif","img_on" : "nav_cardfilecase_o.gif","url" : "#",	"child" : null},
    "cashbox" : {"img_off" : "nav_casebox.gif","img_on" : "nav_casebox_o.gif","url" : "prod_list.html","child" : null},
    "clip" : {"img_off" : "nav_clip.gif","img_on" : "nav_clip_o.gif","url" : "#","child" : null},
    "keybox" : {"img_off" : "nav_keybox.gif","img_on" : "nav_keybox_o.gif","url" : "#","child" : null},
	"papercutter" : {"img_off" : "nav_papercutter.gif","img_on" : "nav_papercutter_o.gif","url" : "#","child" : null},
	"pencilsharpener" : {"img_off" : "nav_pencilsharpener.gif","img_on" : "nav_pencilsharpener_o.gif","url" : "#","child" : null},
	"penstand" : {"img_off" : "nav_penstand.gif","img_on" : "nav_penstand_o.gif","url" : "#","child" : null},	
	"punch" : {"img_off" : "nav_punch.gif","img_on" : "nav_punch_o.gif","url" : "#","child" : null},	
	"replacement" : {"img_off" : "nav_replacement.gif","img_on" : "nav_replacement_o.gif","url" : "#","child" : null},	
	"ringindex" : {"img_off" : "nav_ringindex.gif","img_on" : "nav_ringindex_o.gif","url" : "#","child" : null},	
	"shopson" : {"img_off" : "nav_shopson.gif","img_on" : "nav_shopson_o.gif","url" : "#","child" : null},
	"shredder" : {"img_off" : "nav_shredder.gif","img_on" : "nav_shredder_o.gif","url" : "#","child" : null},
	"stapler" : {"img_off" : "nav_stapler.gif","img_on" : "nav_stapler_o.gif","url" : "#","child" : null},
	"taperdispenser" : {"img_off" : "nav_taperdispenser.gif","img_on" : "nav_taperdispenser_o.gif","url" : "#","child" : null},
	"telephoneindex" : {"img_off" : "nav_telephoneindex.gif","img_on" : "nav_telephoneindex_o.gif","url" : "#","child" : null},
	"tozicle" : {"img_off" : "nav_tozicle.gif","img_on" : "nav_tozicle_o.gif","url" : "#","child" : null},
	"others" : {"img_off" : "nav_others.gif","img_on" : "nav_others_o.gif","url" : "#","child" : null}
}

function genNavHTML() {
    var strHTML = "";

    strHTML += '<table border="0" cellpadding="0" cellspacing="0" id="nav">';
    strHTML += '<tr>';

    var count = 1;
    for(var id in NAV_DEF){
        var imgOn = NAV_IMAGE_PATH + NAV_DEF[id]["img_on"];
        var imgOff = NAV_IMAGE_PATH + NAV_DEF[id]["img_off"];
        var link =  NAV_DEF[id]["url"];

        if(NAV_CURRENT == id) {
            imgOff = imgOn;
        }

        strHTML += '<tr>';
       if (link == "null")
      {
       strHTML += '<img src="' + imgOff + '">';
       }
        else        
       {
        strHTML += '<a href="' + link + '">';
        strHTML += '<img src="' + imgOff + '" border="0" onMouseOver="javascript:imgSwap(this, \'' + imgOn + '\');" onMouseOut="javascript:imgRestore(this);">';
        strHTML += '</a>';
         }
        strHTML += '</tr>';
        if(NAV_ALL_SECTIONS.length != count) {
            strHTML += '<img src="../images/common/spacer.gif" width="1" height="1" />';
        }

        ++count;
    }

    strHTML += '</tr>';
    strHTML += '</table>';

    return strHTML;
}