var MenuStr = '';

var net6 = 0;

var appN = navigator.appName;
var appV = navigator.appVersion;
var majV = appV.substring(0,1);

NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;


if (appN == 'Netscape' && majV == 5) {
	net6 = 1;
} else {
	net6 = 0;
}

oldVer = (NS4 || IE4 || net6) ? 1 : 0;

var secFlag = '';
var url = location.href;

if (oldVer) {
	with (document) {
		if (NS4) {
			write("<STYLE TYPE='text/css'>");
			write(".parent {position:absolute; top: 80px; left:610px; visibility:hidden}");
			write(".child {position:absolute; left:623px; visibility:hidden}");
			write(".sans9 {font-family:verdana,arial,sans-serif; font-size: 9pt}");
			write("OL, DL, P {font-family:arial,verdana,sans-serif; font-size:small;}");
			write("A.nav {font-family:arial; font-size:9pt; color:#000000; text-decoration:none}");
			write("A.subnav {font-family:arial; font-size:8pt; color:#000000; text-decoration:none}");
			write("</STYLE>");
		} else if (IE4) {
			write("<STYLE TYPE='text/css'>");
			write(".child {position:relative; left:15px; display:none}");
			write("</STYLE>");
			write("<SCRIPT src='class/flyover.js'></SCRIPT>");
			write("<SCRIPT src='class/windows.js'></SCRIPT>");
			write("<DIV id=menu style='TOP: 1200px; LEFT: 610px'>");
		} else if (net6) {
			write("<STYLE TYPE='text/css'>");
			write(".child {position:relative; left:15px; display:none}");
			write("</STYLE>");
			write("<DIV id=menu style='TOP: 80px; LEFT: 610px'>");
		}
	}
}

function getIndex(el) {
	ind = null;
	for (i=0; i<document.layers.length; i++) {
		whichEl = document.layers[i];
		if (whichEl.id == el) {
			ind = i;
			break;
		}
	}
return ind;
}

function showAll() {
    for (i=firstInd; i<document.layers.length; i++) {
        whichEl = document.layers[i];
        whichEl.visibility = "show";
    }
}

function arrange() {
	nextY = document.layers[firstInd].pageY + document.layers[firstInd].document.height;
	for (i=firstInd+1; i<document.layers.length; i++) {
		whichEl = document.layers[i];
		if (whichEl.visibility != "hide") {
			if (whichEl.name.indexOf('el') != -1){
				whichEl.pageY = nextY;
				nextY += whichEl.document.height;
			}
		}
	}
}

function whichSec() {
	if (!oldVer) return;
	//IE
	if (IE4) {
		if (secFlag == 'home') {
			// need way to display the correct images/block.gif
			elOneChild.style.display = 'block';
			document.images.elOne.src = "images/block.gif";
		} else if (secFlag == 'service') {
			elTwoChild.style.display = 'block';
			document.images.elTwo.src = "images/block.gif";
		} else if (secFlag == 'portfolio') {
			elThreeChild.style.display = 'block';
			document.images.elThree.src = "images/block.gif";
		} else if (secFlag == 'partner') {
			elFourChild.style.display = 'block';
			document.images.elFour.src = "images/block.gif";
		} else if (secFlag == 'jobs') {
			elFiveChild.style.display = 'block';
			document.images.elFive.src = "images/block.gif";
		} else {
			elSixChild.style.display = 'block';
			document.images.elSix.src = "images/block.gif";
		}

	// Netscape 6
	} else if (net6) {
		if (secFlag == 'home') {
			var idName = document.getElementById('elOneChild');
			idName.style.display = 'block';
			document.images.elOne.src = "images/block.gif";
		} else if (secFlag == 'service') {
			var idName = document.getElementById('elTwoChild');
			idName.style.display = 'block';
			document.images.elTwo.src = "images/block.gif";
		} else if (secFlag == 'portfolio') {
			var idName = document.getElementById('elThreeChild');
			idName.style.display = 'block';
			document.images.elThree.src = "images/block.gif";
		} else if (secFlag == 'partner') {
			var idName = document.getElementById('elFourChild');
			idName.style.display = 'block';
			document.images.elFour.src = "images/block.gif";
		} else if (secFlag == 'jobs') {
			var idName = document.getElementById('elFiveChild');
			idName.style.display = 'block';
			document.images.elFive.src = "images/block.gif";
		} else {
			var idName = document.getElementById('elSixChild');
			idName.style.display = 'block';
			document.images.elSix.src = "images/block.gif";
		}
	
	// Netscape 4
	} else {
		if (secFlag == 'home') {
			document.elOneChild.visibility = 'show';
			document.elOneParent.document.images['elOne'].src = "images/block.gif";
		} else if (secFlag == 'service') {
			document.elTwoChild.visibility = 'show';
			document.elTwoParent.document.images['elTwo'].src = "images/block.gif";
		} else if (secFlag == 'portfolio') {
			document.elThreeChild.visibility = 'show';
			document.elThreeParent.document.images['elThree'].src = "images/block.gif";
		} else if (secFlag == 'partner') {
			document.elFourChild.visibility = 'show';
			document.elFourParent.document.images['elFour'].src = "images/block.gif";
		} else if (secFlag == 'jobs') {
			document.elFiveChild.visibility = 'show';
			document.elFiveParent.document.images['elFive'].src = "images/block.gif";
		} else if (secFlag == 'login') {
			document.elSixChild.visibility = 'show';
			document.elSixParent.document.images['elSix'].src = "images/block.gif";		
		} else {
			document.elSixChild.visibility = 'show';
			document.elSixParent.document.images['elSix'].src = "images/block.gif";		
		}
	}
}




function initIt(){
	if (!oldVer) return;
		if (NS4) {
			for (i=0; i<document.layers.length; i++) {
				whichEl = document.layers[i];
				if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";
			}	
		whichSec();				
		arrange();
		} else if (net6) {
			divColl = document.getElementsByTagName("DIV");
			for (i=0; i<divColl.length; i++) {
				whichEl = divColl[i];
					if (whichEl.className == "child") whichEl.style.display = "none";
			}
			whichSec();
		} else {
			divColl = document.all.tags("DIV");
			for (i=0; i<divColl.length; i++) {
				whichEl = divColl(i);
					if (whichEl.className == "child") whichEl.style.display = "none";
			}
			whichSec();
		}
}




function expandIt(el) {
	if (!oldVer) return;
	//IE
	if (IE4) {
		whichEl = eval(el + "Child");	
		whichIm = event.srcElement;
			if (whichEl.style.display == "none") {
				whichEl.style.display = "block";
				whichIm.src = "images/block.gif";   
			} else {
				whichEl.style.display = "none";
				whichIm.src = "images/arrow.gif";
			}
	// Netscape 6
	} else if (net6) {
		var idStr = el + "Child";
		var getId = document.getElementById(idStr);
		whichIm = eval("document.images." + el);
			if (getId.style.display == "none") {
				getId.style.display = "block";
				whichIm.src = "images/block.gif";   
			} else {
				getId.style.display = "none";
				whichIm.src = "images/arrow.gif";
			}
	// Netscape 4
	} else {
		whichEl = eval("document." + el + "Child");	
		whichIm = eval("document." + el + "Parent.document.images[el]");
		if (whichEl.visibility == "hide") {
			whichEl.visibility = "show";
			whichIm.src = "images/block.gif";
		} else {
			whichEl.visibility = "hide";
			whichIm.src = "images/arrow.gif";
		}
	arrange();
	}
}

onload = initIt;
	 
if (IE4) {
	MenuStr += '<table cellspacing="0" cellpadding="0" border="0"><tr><td>';
}

MenuStr += '<div id="elOneParent" class="parent">';
MenuStr += '<a href="#" onClick="expandIt(\'elOne\'); return false"><img name="elOne" src="images/arrow.gif" width=11 height=11 border=0 alt="Expand/Collapse Item" align="middle"></A>';
MenuStr += '  <a href="index.htm" class="nav"><b>Home</b></a></div>';
MenuStr += '';
MenuStr += '<div id="elOneChild" class="child">';
MenuStr += '<a href="news.htm" class="subnav">What`s new</a><br>';
MenuStr += '<a href="latupdate.htm" class="subnav">Latest update</a><br></div>';
MenuStr += '';
MenuStr += '<div id="elTwoParent" class="parent">';
MenuStr += '<a href="#" onClick="expandIt(\'elTwo\'); return false"><img name="elTwo" src="images/arrow.gif" width=11 height=11 border=0 alt="Expand/Collapse Item" align="middle"></A>';
MenuStr += '  <a href="service.htm" class="nav"><b>Professional Service</b></a></div>';
MenuStr += '';
MenuStr += '<div id="elTwoChild" class="child">';
MenuStr += '<a href="service/" class="subnav">Strategy</a><br>';
MenuStr += '<a href="service/" class="subnav">Web Design</a><br>';
MenuStr += '<a href="service/" class="subnav">Web Development</a><br>';
MenuStr += '<a href="service/" class="subnav">Application Development</a><br>';
MenuStr += '<a href="service/" class="subnav">Infrastructure</a><br>';
MenuStr += '<a href="service/" class="subnav">Training and Support</a><br></div>';
MenuStr += '';
MenuStr += '<div id="elThreeParent" class="parent">';
MenuStr += '<a href="#" onClick="expandIt(\'elThree\'); return false"><img name="elThree" src="images/arrow.gif" width=11 height=11 border=0 alt="Expand/Collapse Item" align="middle"></A>';
MenuStr += '  <a href="portfolio.htm" class="nav"><b>Portfolio</b></a></div>';
MenuStr += '';
MenuStr += '<div id="elThreeChild" class="child">';
MenuStr += '<a href="portfolio/" class="subnav">The Pioneer Printers Ltd.</a><br>';
MenuStr += '<a href="portfolio/" class="subnav">Jenston Tech. Corp. Ltd.</a><br>';
MenuStr += '<a href="portfolio/" class="subnav">Newbridge Capital (Asia) Ltd.</a><br>';
MenuStr += '<a href="portfolio/" class="subnav">Friendly Light Ltd.</a><br>';
MenuStr += '<a href="portfolio/" class="subnav">Light Sound Image Ltd.</a><br>';
MenuStr += '<a href="portfolio/" class="subnav">Bliss Press Ltd.</a><br>';
MenuStr += '<a href="portfolio/" class="subnav">Bliss Concepts Ltd.</a><br>';
MenuStr += '<a href="portfolio/" class="subnav">Oval Design Ltd.</a><br>';
MenuStr += '<a href="portfolio/" class="subnav">Conmex (HK) Ltd. </a><br>';
MenuStr += '<a href="portfolio/" class="subnav">Others</a><br></div>';
MenuStr += '';
MenuStr += '<div id="elFourParent" class="parent">';
MenuStr += '<a href="#" onClick="expandIt(\'elFour\'); return false"><img name="elFour" src="images/arrow.gif" width=11 height=11 border=0 alt="Expand/Collapse Item" align="middle"></A>';
MenuStr += '  <a href="partner.htm" class="nav"><b>Partnerships</b></a></div>';
MenuStr += '';
MenuStr += '<div id="elFourChild" class="child">';
MenuStr += '<a href="partner/" class="subnav">Gary`n Co.</a><br>';
MenuStr += '<a href="partner/" class="subnav">Union Eng. Co. Ltd.</a><br>';
MenuStr += '<a href="partner/" class="subnav">Foresoon Eng. Co. Ltd.</a><br></div>';
MenuStr += '';
MenuStr += '<div id="elFiveParent" class="parent">';
MenuStr += '<a href="#" onClick="expandIt(\'elFive\'); return false"><img name="elFive" src="images/arrow.gif" width=11 height=11 border=0 alt="Expand/Collapse Item" align="middle"></A>';
MenuStr += '  <a href="jobs.htm" class="nav"><b>Job Opportunities</b></a></div>';
MenuStr += '';
MenuStr += '<div id="elFiveChild" class="child">';
MenuStr += '<a href="jobs/" class="subnav">Project Manager</a><br>';
MenuStr += '<a href="jobs/" class="subnav">Senior Web Developer</a><br>';
MenuStr += '<a href="jobs/" class="subnav">Senior Web Designer</a><br>';
MenuStr += '<a href="jobs/" class="subnav">Senior Database Designer</a><br>';
MenuStr += '<a href="jobs/" class="subnav">Infrastructure Developer</a><br>';
MenuStr += '<a href="jobs/" class="subnav">Network and System Administrator</a><br></div>';
MenuStr += '';
MenuStr += '<div id="elSixParent" class="parent">';
MenuStr += '<a href="#" onClick="expandIt(\'elSix\'); return false"><img name="elSix" src="images/arrow.gif" width=11 height=11 border=0 alt="Expand/Collapse Item" align="middle"></A>';
MenuStr += '  <a class=nav><b>Member Login</b></a></div>';
MenuStr += '';
MenuStr += '<div id="elSixChild" class="child">';
MenuStr += '<a href="cgi/debug/debug.cgi" class="subnav">Program Debugs</a><br>';
MenuStr += '<a href="manage/manager.htm" class="subnav">Acount Managment</a><br>';
MenuStr += '<form action="/cgi/checkme/checkme.pl?page=message.htm" method=POST>';
MenuStr += '    <a class=subnav><b>UserID:</b></a><br>';
MenuStr += '    <input type=text name=userid size="13" class="input"><br>';
MenuStr += '    <a class=subnav><b>Password:</b></a><br>';
MenuStr += '    <input type=password name=password size="13" class="input"><br>';
MenuStr += '    <input type=image border=0 src="images/login.gif" value="Login"><br></div>';
MenuStr += '</form>';
MenuStr += '';
MenuStr += '<p>';
MenuStr += '';
MenuStr += '<div id="elBod" class="regular">';
// Rest
MenuStr += '</div>';
MenuStr += '';
MenuStr += '<div id="elFooter" class="regular">';
// Footer
MenuStr += '</div>';

if (IE4) {
MenuStr += '</td></tr></table></div>';
} else if (net6) { 
MenuStr += '</div>';
}

document.write(MenuStr);

	if (document.layers) {
		firstEl = "elOneParent";
		firstInd = getIndex(firstEl);
		showAll();
        arrange();
	}