MENU1 = new Array (
	93,15,
	"#303468","#FFFFFF","#C8C8D8",  // color, bgcolor, hicolor
	"Verdana",1,
	"#303468",1,
	"Profile", "../ourcompany.htm",
	"Vision", "../ourcompany.htm#vi",
	"Mission", "../ourcompany.htm#mis",
	"Set of Values", "../ourcompany.htm#set"
);

MENU2 = new Array (
	285,15,
	"#303468","#FFFFFF","#C8C8D8",  // color, bgcolor, hicolor
	"Verdana",1,
	"#303468",1,
	"Retailer and Wholesaler of Industrial Chemicals", "retail.htm",
	"Raw Materials for Special Products", "raw.htm",
	"Printing Materials", "printing.htm",
	"As an Indentor", "indentor.htm",
	"Importation of Machines", "machineries.htm",
	"Laboratory Reagents and Equipments", "lab.htm",
	"Other Services", "services.htm",
	"Realty", "realty.htm",
	"List of Available Chemicals", "chemlist.htm"
	
);

MENU3 = new Array (
	105,20,
	"#F9D840","#000000","#405E8F",  // color, bgcolor, hicolor
	"Arial",2,
	"#F9D840",1,
	"Stuff Magazine", "stuff.htm",
	"Gigguide", "gig.htm",
	"Indigo", "project.htm"
);

MENU4 = new Array (
	85,20,
	"#F9D840","#000000","#405E8F",  // color, bgcolor, hicolor
	"Arial",2,
	"#F9D840",1,
	"XTras", "others.htm"
	// "XPort", "downloads.htm",
	// "XCitements", "games.htm"
);

var activeMenu 		= null;
var activeMenuItem 	= null;
var MENUS 		= new Array(1);
var isLoaded		= 0;

// [ setup ] ------------------------------------------------------------------

function createMenusNS()
{
	var menuCount = 1;

	while(eval("window.MENU"+menuCount)) {
		menuArray = eval("MENU"+menuCount);
		
		menu = new Layer(menuArray[0],window);
		
		MENUS[menuCount] 	= menu;
		menu.menuNdx 			= menuCount;
		menu.onmouseout 		= menu_out;
		menu.show				= menu_show;
		menu.hide				= menu_hide;
		
		style 				= menu;
		style.visibility 	= 'hide';
		style.color 		= menuArray[2];
		style.bgColor 		= menuArray[7];
		style.left 			= 0;
		style.top 			= 0;
		style.zIndex 		= 100;
				
		prevstyle = null;
		ndx = 9;
		while (menuArray[ndx]) {
			
			mitem = new Layer(menuArray[0],menu);
			mitem.document.write ('&nbsp;<font color="'+menuArray[2]+'" face="'+menuArray[5]+'" size="'+menuArray[6]+'">'+menuArray[ndx]+'</font>');
			mitem.document.close();
			mitem.captureEvents(Event.MOUSEUP);
			
			mitem.menu 			= menu;
			mitem.onmouseover 	= menuitem_over;
			mitem.onmouseup 	= menuitem_click;
			mitem.lolite 		= menuitem_lolite;
			mitem.hilite 		= menuitem_hilite;
			mitem.href 			= menuArray[ndx+1];

			menu.lastitem 		= mitem;

			style = mitem;

			style.visibility 	= 'inherit';
			style.zIndex		= 101;
			style.bgColor 		= menuArray[3];
			style.locolor 		= menuArray[3];
			style.hicolor 		= menuArray[4];

			style.left 			= menuArray[8];
			style.top 			= (prevstyle == null) ? menuArray[8] : prevstyle.top + prevstyle.clip.height;
			style.clip.right 	= menuArray[0]-menuArray[8]*2;
			style.clip.bottom 	= menuArray[1];

			prevstyle 			= style;
									
			ndx += 2;
		}	
		
		menu.clip.right = menuArray[0];
		menu.clip.bottom = menu.lastitem.top + menu.lastitem.clip.height + menuArray[8];
		
		menuCount++;			
	}
	isLoaded = 1;
}


function createMenusIE()
{	
	// [ PHASE 1 : Create ] --------------------------------------------------------------------------------------------
	menuCount = 1;
	menuStr = "";
	while(eval("window.MENU"+menuCount)) {
		menuArray 	= eval("MENU"+menuCount);
		menuStr    += '<span id="rMENU'+menuCount+'" style="position:absolute">';
		ndx 		= 9;
		while (menuArray[ndx]) {
			menuStr += 	'<span id="rMENU'+menuCount+'ITEM'+((ndx-9)/2+1)+'" style="position:absolute">'+
							'<font color="'+menuArray[2]+'" face="'+menuArray[5]+'" size="'+menuArray[6]+'">&nbsp;'+
							menuArray[ndx]+
							'</font>'+
						'</span>';							  
			ndx += 2;
		}
		menuStr += '</span>';
		menuCount++;
	}
	
	window.document.body.insertAdjacentHTML('BeforeEnd',menuStr);
	
	// [ PHASE 2 : Setup/Connect ] -------------------------------------------------------------------------------------
	menuCount = 1;
		
	while(eval("window.MENU"+menuCount)) {
		menuArray = eval("MENU"+menuCount);
				
		menu = document.all["rMENU"+menuCount];
		
		MENUS[menuCount]	= menu;
		menu.menuNdx 			= menuCount;
		menu.onmouseout 		= menu_out;
		menu.show				= menu_show;
		menu.hide				= menu_hide;
		menu.timerid			= null;
		
		style 					= menu.style;
		style.visibility 		= 'hidden';
		style.color 			= menuArray[2];
		style.backgroundColor 	= menuArray[7];
		style.left 				= 0;
		style.top 				= 0;
		style.zIndex 			= 100;
		style.pixelWidth 		= menuArray[0];
		
		prevstyle = null;
		ndx = 9;
		while (menuArray[ndx]) {
			mitem = document.all["rMENU"+menuCount+"ITEM"+((ndx-9)/2+1)];

			mitem.menu 			= menu;
			mitem.onmouseover 	= menuitem_over;
			mitem.onmouseup 	= menuitem_click;
			mitem.lolite 		= menuitem_lolite;
			mitem.hilite 		= menuitem_hilite;
			mitem.href			= menuArray[ndx+1];

			menu.lastitem 		= mitem;

			style 					= mitem.style;
			style.visibility 		= 'inherit';
			style.zIndex 			= 101;
			style.backgroundColor 	= menuArray[3];
			style.locolor 			= menuArray[3];
			style.hicolor 			= menuArray[4];
			style.cursor 			= "hand";

			style.pixelLeft 		= menuArray[8];
			style.pixelTop 			= (prevstyle == null) ? menuArray[8] : prevstyle.pixelTop + prevstyle.pixelHeight;
			style.pixelWidth 		= menuArray[0]-menuArray[8]*2;
			style.pixelHeight 		= menuArray[1];

			prevstyle = style;
									
			ndx += 2;
		}
		
		menu.style.pixelHeight = menu.lastitem.style.pixelTop + menu.lastitem.style.pixelHeight + menuArray[8];
		
		menuCount++;			
	}
	isLoaded = 1;
}

function resize()
{
	if (document.layers) {
		if (saveInnerWidth < window.innerWidth || 
			saveInnerWidth > window.innerWidth || 
			saveInnerHeight > window.innerHeight || 
			saveInnerHeight < window.innerHeight ) 
    	window.location.reload();
	}
}

function startup()
{
	if (document.layers) 	createMenusNS();
	else					createMenusIE();
	
	window.onresize=resize;
	window.saveInnerWidth = window.innerWidth;
	window.saveInnerHeight = window.innerHeight;
}

window.onload = startup;

// ||||[ SERVICE ROUTINES ]|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

// [ menu ] -------------------------------------------------------------------

function clearTimer(menuNdx) {
	if (MENUS[menuNdx].timerid) {
		clearTimeout(MENUS[menuNdx].timerid);
		MENUS[menuNdx].timerid = null;
	}
}

function getRealLeft(el) {
	if (document.layers) return el.x;
	
	//xStr=el.tagName + "=" + el.offsetLeft;
		
    xPos 	= el.offsetLeft;
    tempEl 	= el.parentElement;
	
    while (tempEl != null) {
		//xStr += "\n" + tempEl.tagName + "=" + tempEl.offsetLeft;
        xPos  += tempEl.offsetLeft;
        tempEl = tempEl.parentElement;
    }
	//alert(xStr);
    return xPos;
}

function getRealTop(el) {
	if (document.layers) return el.y;
	
    yPos 	= el.offsetTop;
    tempEl 	= el.offsetParent;
	
    while (tempEl != null) {
        yPos  += tempEl.offsetTop;
        tempEl = tempEl.offsetParent;
    }
	
    return yPos;
}

function fixLeftBounds(menuNdx,tryLeft)
{
	visibleWidth	= document.layers ? window.innerWidth : document.body.clientWidth;
	visibleLeft 	= document.layers ? window.pageXOffset : document.body.scrollLeft;
	visibleRight 	= visibleLeft + visibleWidth;
	
	menuWidth = document.layers ? MENUS[menuNdx].width : MENUS[menuNdx].style.pixelWidth;
	
	//right
	if ((tryLeft + menuWidth) > visibleRight) tryLeft = visibleRight - menuWidth;
	
	//left
	if (tryLeft < visibleLeft) tryLeft = visibleLeft;

	return tryLeft;	
}

function fixTopBounds(menuNdx,tryTop)
{
	visibleHeight	= document.layers ? window.innerHeight : document.body.clientHeight;
	visibleTop		= document.layers ? window.pageYOffset : document.body.scrollTop;
	visibleBottom   = visibleTop + visibleHeight;
	
	menuHeight = document.layers ? MENUS[menuNdx].height : MENUS[menuNdx].style.pixelHeight;
	
	//bottom
	if ((tryTop + menuHeight) > visibleBottom) tryTop = visibleBottom - menuHeight;
	
	//top
	if (tryTop < visibleTop) tryTop = visibleTop;
	
	return tryTop;
}
	

function menu_popup(menuNdx,linkobj,xoff,yoff) {
	if (isLoaded == 1) {
		if (activeMenu != null) 	activeMenu.hide();
		if (activeMenuItem != null) activeMenuItem.lolite();
	
		clearTimer(menuNdx);
		
		MENUS[menuNdx].show(
			fixLeftBounds(menuNdx,getRealLeft(linkobj)+(xoff | 0)),
			fixTopBounds(menuNdx,getRealTop(linkobj)+(yoff | 0))
		);
	}
}

function menu_popdown(menuNdx) {
	if (isLoaded == 1) {
		clearTimer(menuNdx);
		MENUS[menuNdx].timerid = setTimeout("MENUS["+menuNdx+"].hide()",700);
	}
}

function menu_hide()
{
	if (document.layers)	this.visibility = "hide";
	else					this.style.visibility = "hidden";	
	if (this == activeMenu) activeMenu = null;
}

function menu_show(x,y)
{
	if (document.layers) {this.left = x; this.top = y;}
	else				 {this.style.left = x; this.style.top = y;}	

	if (document.layers) 	this.visibility = "show";
	else					this.style.visibility = "visible";
	activeMenu = this;
}

function menu_out() 
{
	clearTimer(this.menuNdx);
	this.timerid = setTimeout("MENUS["+this.menuNdx+"].hide()",100);
}

// [ menuitem ] ---------------------------------------------------------------

function menuitem_over()
{
	if (activeMenuItem != null) activeMenuItem.lolite();
	this.hilite();
	
	activeMenuItem = this;
	clearTimer(this.menu.menuNdx);
}

function menuitem_click()
{
	document.location.href = this.href;
}

function menuitem_lolite()
{
	if (document.layers)	this.bgColor = this.locolor;
	else					this.style.backgroundColor = this.style.locolor;
}

function menuitem_hilite()
{
	if (document.layers)	this.bgColor = this.hicolor;
	else					this.style.backgroundColor = this.style.hicolor;
}

//------------------------------------------------------------------------------------

function siteWindow() {
	WindowFront = window.open('../sitemap/index.html','sitemap','toolbar=no,status=no,resizable=no,location=no,dependent=yes,directories=no,menubar=no,'+(document.all?'scrollbars=no':'scrollbars=yes')+',width=595,height='+(document.all?'330':'373')+',screenX=0,screenY=0,top=0,left=0');
	WindowFront.focus();
}

function closeWin() {
	window.close();
}

function infoRequest() {
	WindowFront = window.open('../contact/info_request.html','info','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=469,height='+(document.all?'500':'505')+',top=0,left=0');
	WindowFront.focus();
//	alert(location.href);
//	the formmail CHMOD settings had to be changed to execute for all 3 categories; upload as ASCII to the server.
}

function siteTarget(x) {
  window.opener.location= x;
  window.close();
	}
function callBack() {
	WindowFront = window.open('../contact/callback.html','callback','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=315,height=73,top=0,left=0');
	WindowFront.focus();
	}