//<script>
//deklarasi variable
debug=0;
mn = new Array();
mn_ln = new Array();
sb1 = new Array();
sb1_ln = new Array();
sb1_sub = new Array();

sb2 = new Array();
sb2_ln = new Array();

i=-1;

//background dan warna menu utama
// hl = highlight uhl=unhighlight
// mn =menu, bg=background , cl = color =foreground
// hl_mn_bg= higlight menu bacground
// hl_mn_cl= higlight menu color 

//ada du bentuk silahkan coba
bentuk="kanan";
//bentuk="kanan";
hl_mn_bg="#EEDBFB";
hl_mn_cl="#EEDBFB";

uhl_mn_bg="#990033";
uhl_mn_cl="#66ffcc";

//background dan warna sub menu
// sb = sub menu
hl_sb_bg="#B3B5EB";
hl_sb_cl="white";

uhl_sb_bg="#EEDBFB";
uhl_sb_cl="black";

//<script language=javascript>
i++;j=-1;
mn[i]="home";
mn_ln[i]="/";

	sb1[i]= new Array();
	sb1_ln[i]= new Array();
	sb1_sub[i]= new Array();
	sb2[i]= new Array();
	sb2_ln[i]= new Array();



i++;j=-1;
mn[i]="about";
mn_ln[i]="/about/";

	sb1[i]= new Array();
	sb1_ln[i]= new Array();
	sb1_sub[i]= new Array();
	sb2[i]= new Array();
	sb2_ln[i]= new Array();

	j++;k=-1;
	sb1[i][j]="Greetings from the Director";
	sb1_ln[i][j]="../about/";
	sb1_sub[i][j]=0;

	j++;k=-1;
	sb1[i][j]="Vision & Mission";
	sb1_ln[i][j]="../about/vision.htm";
	sb1_sub[i][j]=0;

	j++;k=-1;
	sb1[i][j]="Company in Brief";
	sb1_ln[i][j]="../about/brief.htm";
	sb1_sub[i][j]=0;

i++;j=-1;
mn[i]="distr";
mn_ln[i]="/distribution/";

	sb1[i]= new Array();
	sb1_ln[i]= new Array();
	sb1_sub[i]= new Array();
	sb2[i]= new Array();
	sb2_ln[i]= new Array();

	j++;k=-1;
	sb1[i][j]="Distributors";
	sb1_ln[i][j]="/distribution/";
	sb1_sub[i][j]=0;

	j++;k=-1;
	sb1[i][j]="Branches";
	sb1_ln[i][j]="/distribution/branches.htm";
	sb1_sub[i][j]=0;
	
	
i++;j=-1;
mn[i]="prod";
mn_ln[i]="/products/";

	sb1[i]= new Array();
	sb1_ln[i]= new Array();
	sb1_sub[i]= new Array();
	sb2[i]= new Array();
	sb2_ln[i]= new Array();

	j++;k=-1;
	sb1[i][j]="New Products";
	sb1_ln[i][j]="/products/";
	sb1_sub[i][j]=0;

	j++;k=-1;
	sb1[i][j]="Main Products";
	sb1_ln[i][j]="/products/main.php";
	sb1_sub[i][j]=0;

	j++;k=-1;
	sb1[i][j]="Products List";
	sb1_ln[i][j]="/products/list.php";
	sb1_sub[i][j]=0;
	
	
i++;j=-1;
mn[i]="manuf";
mn_ln[i]="/manuf/";

	sb1[i]= new Array();
	sb1_ln[i]= new Array();
	sb1_sub[i]= new Array();
	sb2[i]= new Array();
	sb2_ln[i]= new Array();

	j++;k=-1;
	sb1[i][j]="Manufacturing Site";
	sb1_ln[i][j]="/manuf/";
	sb1_sub[i][j]=0;
	
	j++;k=-1;
	sb1[i][j]="Production Facility";
	sb1_ln[i][j]="/manuf/pf.htm";
	sb1_sub[i][j]=0;

	j++;k=-1;
	sb1[i][j]="QC and R&D";
	sb1_ln[i][j]="/manuf/qc.htm";
	sb1_sub[i][j]=0;
	
	j++;k=-1;
	sb1[i][j]="Warehouse";
	sb1_ln[i][j]="/manuf/warehouse.htm";
	sb1_sub[i][j]=0;
	
i++;j=-1;
mn[i]="contact";
mn_ln[i]="/contact/";

	sb1[i]= new Array();
	sb1_ln[i]= new Array();
	sb1_sub[i]= new Array();
	sb2[i]= new Array();
	sb2_ln[i]= new Array();

	
var inmenu=false;
var insubmenu=false;
var lasti=0;
var lastmenu=0;

var lastsubmenu=0;


function muncul_baru(mymenu,i)
{
//	alert(mymenu);
	if (!document.getElementById) return;
   	inmenu=true;
   	oldmenu=lastmenu;
   	lastmenu=mymenu;
   	oldi=lasti;
   	lasti=i;
   	if (oldmenu) hilang_baru1(oldmenu,oldi);
	
	menu=document.getElementById(mymenu);
	sub_menu=document.getElementById(mymenu + "_list");
	if (bentuk=="kanan")
	{
      	sub_menu.style.top=menu.style.top ;
		//wanwan
		myleft=(document.body.clientWidth-774)/2;
      	sub_menu.style.left=myleft + menu.offsetLeft;
		//wanwan
		//menu.innerHTML="<a href="+ mn_ln[i]+"><img border=0 src=images/"+ mn[i]+"_over.jpg></a>";
		gambar="images/"+ mn[i ]+"_over.jpg";
		document.menu_img[i].src=gambar;	
	}
	else if (bentuk=="bawah")
	{
		awal=document.getElementById("awal1");
      	
		
		
		sub_menu.style.top=parseInt(awal.offsetTop) + parseInt(menu.offsetTop) ;
      	sub_menu.style.left=awal.offsetLeft + menu.offsetWidth ;
	}
	sub_menu.style.visibility="visible";
   	menu.style.backgroundColor=hl_mn_bg;
}

function hilang(mymenu) {
   inmenu=false;
   window.setTimeout("hilang1('" + mymenu + "');",500);
}

function hilang_baru(mymenu,i) {
   inmenu=false;
   window.setTimeout("hilang_baru1('" + mymenu + "',"+i+");",500);
}

function hilang1(mymenu)
{
	if (!document.getElementById) return;
	if (inmenu && lastmenu==mymenu) return;
	menu=document.getElementById(mymenu);
	menu_font=document.getElementById(mymenu + "_font");
	sub_menu=document.getElementById(mymenu + "_list");
	sub_menu.style.visibility="hidden";
	menu_font.setAttribute("color",uhl_mn_cl);
   	menu.style.backgroundColor=uhl_mn_bg;
}
function hilang_baru1(mymenu,i)
{
	//alert(i);
	if (!document.getElementById) return;
	if (inmenu && lastmenu==mymenu) return;
	//menu=document.getElementById(mymenu);
	sub_menu=document.getElementById(mymenu + "_list");
	sub_menu.style.visibility="hidden";
	//gambar="<a href="+ mn_ln[i]+"><img border=0 src=images/"+ mn[i]+".jpg></a>";
	gambar="images/"+ mn[i ]+".jpg";
	//alert(gambar);
	//menu.innerHTML=gambar;
	document.menu_img[i].src=gambar;	
}

function muncul_sub_menu(mysub1str,mysub2str,fl_sub)
{
//	alert(mysub1str);
	if (!fl_sub)
	{
		return;
	}
	insubmenu=true;
	lastsubmenu=mysub2str +"_list";
	if (!document.getElementById) return;
	mysub1=document.getElementById(mysub1str + "_list");
	mysub2=document.getElementById(mysub2str);
	mysub3str=mysub2str + "_list";
	mysub3=document.getElementById(mysub3str);
	//alert(parseInt(mysub1.style.top));
	mysub3.style.top=  parseInt(mysub1.offsetTop) + parseInt(mysub2.offsetTop);
	//mysub3.style.top=  parseInt(mysub2.offsetTop);
	mysub3.style.left=mysub1.offsetLeft + mysub1.offsetWidth;
	mysub3.style.visibility="visible";

}

function hl(mysub2str)
{
	
	mysub2=document.getElementById(mysub2str);
	mysub2_font=document.getElementById(mysub2str + "_font");
	mysub2_font.setAttribute("color",hl_sb_cl);
   	mysub2.style.backgroundColor=hl_sb_bg;
}

function uhl(mysub2str)
{
	mysub2=mysub2str ;
	mysub2=document.getElementById(mysub2);

	mysub2_font=document.getElementById(mysub2str + "_font");
	mysub2_font.setAttribute("color",uhl_sb_cl);
   	mysub2.style.backgroundColor=uhl_sb_bg;
}

function hilang_sub_menu(mysub1str,mysub2str,fl_sub)
{
	if (!fl_sub)
	{
		return;
	}
	insubmenu=false;

   	window.setTimeout("hilang_sub_menu1('"+ mysub1str +"','"+ mysub2str +"');",500);
}
function hilang_sub_menu1(mysub1str,mysub2str)
{

	mysub1=mysub1str +"_list";
	mysub2=mysub2str +"_list";
	if (insubmenu && lastsubmenu==mysub2) return;
	
	if (!document.getElementById) return;
	mysub1=document.getElementById(mysub1);
	mysub2=document.getElementById(mysub2);

	mysub2.style.visibility="hidden";
}


//create menu utama
//wanwan
document.write('<table width="774" border="0" align="center" cellpadding="0" cellspacing="0">'
+'  <tr>'
+'    <td width="2" bgcolor="#FFFFFF"><img src="../images/spacer.gif" width="1" height="1"></td>'
+'    <td width="770"><table width="770" border="0" cellspacing="0" cellpadding="0">');
//wanwan
for (i=0;i<mn.length;i++)
{
	me="";


	me= me + '<td id="'  + 'menu_' + i + '"' 
	+ ' onmouseover="muncul_baru(' + "'menu_" + i + "',"+ i + ')"'
	+ ' onmouseout="hilang_baru(' + "'menu_" + i + "',"+ i + ')"'
	+ "><a href=" + mn_ln[i] + "><img border=0 name=menu_img src=images/"+ mn[i ]+".jpg></a></td>"	;
	if (debug) alert(me);
	document.write(me);
}
//wanwan
document.write('</table> </td>'
+'    <td width="2" bgcolor="#FFFFFF"><img src="../images/spacer.gif" width="1" height="1"></td>'
+ '</tr>'
+ '</table>');
//wanwan
// create sub menu
for (i=0;i<mn.length;i++)
{
	me= '<div id="menu_' +i + '_list" border=0 STYLE="position:absolute; visibility:hidden"><table border="0" cellpadding="0" cellspacing="0">';
	for (j=0;j<sb1[i].length;j++)
	{
	
		me=me + '<tr>';
		me=me + '<td width=1 bgcolor= ' +  hl_mn_cl+ '><img src=/images/spacer.gif></td>';

		me=me + '<td class=font8 bgcolor="' + uhl_sb_bg + '"'
		+ ' id="menu_'+ i + '_' + j + '"'
		+ ' onmouseover="muncul_baru(' + "'menu_" + i + "',"+ i + ');muncul_sub_menu(' + "'menu_" + i + "'" + ','+ "'menu_" + i + '_' + j + "'" +','+ sb1_sub[i][j] + ');hl('+ "'menu_" + i + '_' + j + "'"+ ');"'
		+ ' onmouseout="uhl('+ "'menu_" + i + '_' + j + "'"+ ');hilang_baru(' + "'menu_" + i + "',"+ i + ');hilang_sub_menu(' + "'menu_" + i + "'" + ','+ "'menu_" + i + '_' + j + "'" +','+ sb1_sub[i][j] + ')">';
		if (sb1_ln[i][j]!="")
		{
			me = me + '<a href='+ sb1_ln[i][j] + '>'; 
		}
		me=me + '<font id="menu_' + i + '_' + j + '_font" color='+ uhl_sb_cl + '> &nbsp;'+ sb1[i][j] + '&nbsp;</font>';
		if (sb1_ln[i][j]!="")
		{
			me=me + '</a>';
		}
		me=me + ' </td>';
		me=me + '<td width=1 bgcolor= ' +  hl_mn_cl+ '><img src=/images/spacer.gif></td>';

		me= me +' </tr>';
		me=me + '<tr><td height=1 bgcolor= ' +  hl_mn_cl+ '><img src=/images/spacer.gif></td></tr>';
	}
	me=me + '</table></div>';
	if (debug) alert(me);
	document.write(me);
}

//create menu tingkat 2
for (i=0;i<mn.length;i++)
{
	for (j=0;j<sb1[i].length;j++)
	{
		if (sb1_sub[i][j])
		{
			me= '<div id="menu_' + i + '_' + j + '_list" border=0 STYLE="position:absolute; visibility:hidden"'
			+ ' onmouseover="muncul_baru(' + "'menu_" + i + "',"+ i + ');muncul_sub_menu(' + "'menu_" + i + "'" + ','+ "'menu_" + i + '_' + j + "'" +','+ sb1_sub[i][j] + ');"'
			+ ' onmouseout="hilang_baru(' + "'menu_" + i + "',"+ i + ');hilang_sub_menu(' + "'menu_" + i + "'" + ','+ "'menu_" + i + '_' + j + "'" +','+ sb1_sub[i][j] + ')">'
			+ '<table border="1" cellpadding="4" cellspacing="0" >';
			
			for (k=0;k<sb2[i][j].length;k++)
			{
				me = me + '<tr><td bgcolor="' + uhl_sb_bg + '"'
				+ ' id="menu_'+ i + '_' + j + '_' + k + '"'
				+ ' onmouseover="hl(' + "'menu_"+ i + '_' + j + '_' + k + "'" + ')"'
				+ ' onmouseout="uhl(' + "'menu_"+ i + '_' + j + '_' + k + "'" + ')">';
          		if (sb2_ln[i][j][k]!="")
          		{
          			me = me + '<a href='+ sb2_ln[i][j][k] + '>'; 
          		}
          		me=me + '<font id="menu_' + i + '_' + j + '_' + k + '_font" color='+ uhl_sb_cl + '> '+ sb2[i][j][k] + '</font>';
          		if (sb2_ln[i][j][k]!="")
          		{
          			me=me + '</a>';
          		}
				me=me + ' </td></tr>';
			}
			me=me + '</table></div>';
	if (debug) alert(me);
			document.write(me);
		}
	}

}

//</script>