var Btype_NS = (navigator.appName == "Netscape");


if (Btype_NS) {
 layerRef = 'document',styleRef = '';
} else {
 layerRef = 'document.all',styleRef = '.style';
}

//var B_DHTML = ( ((document.layers && document.layers['testid']) || (document.all && document.all['testid'])) && !Btype_Mac );
var B_DHTML=true
var activeID = 0;


function Menu( layer, yoff) {

var xoff = 120;
var ybias = 20;
if (document.body.clientWidth){
	xoff = (document.body.clientWidth) /2 - 135;
	if (xoff < 120){
		xoff = 120;
	}
}
if (B_DHTML && activeID != layer) {
 if (activeID) hideMenu("menu" + activeID); 
 var id = "menu" + layer;
 activeID = layer;
  if (Btype_NS) {
	   if (document.getElementById(id)){ //add for mozilla
	   	document.getElementById(id).style.top = yoff+ybias + 'px';
	   	document.getElementById(id).style.left = xoff + 'px';
	   }else{
	   	document[id].top =  yoff+ybias;
	  	document[id].left = xoff;
	   }
  
  } else {
  document.all[id].style.pixelTop = yoff+ybias;
  document.all[id].style.pixelLeft = xoff;
  }
 showMenu(id)
 }
}

function showMenu(layerID) {
	if (document.getElementById(layerID)){
		document.getElementById(layerID).style.visibility ="visible";
	}else{
		eval(layerRef + '["' + layerID + '"]' + styleRef + '.visibility = "visible"');
	}
}
function hideMenu(layerID){
	if (document.getElementById(layerID)){
		document.getElementById(layerID).style.visibility ="hidden";
	}else{
		eval(layerRef + '["' +layerID + '"]'+styleRef+'.visibility="hidden"');
	}
	
}
function turnOff() {
if (activeID) {
 menuID = "menu" + activeID;
 hideMenu(menuID);
 activeID = 0;
 }
}

function menu_init(){
	if (Btype_NS){
		document.captureEvents(Event.MOUSEUP);
		origWidth=innerWidth;
		origHeight=innerHeight;
		onresize=Repaint;
	}
	document.onmouseup=turnOff;
	
}

function Repaint(){
	if(innerWidth!=origWidth||innerHeight!=origHeight){
		location.reload();
	}
}

 var menutxt = [
{ "item":["Java",1,"JavaScript",2,"ActiveX",3],"title":"Preview","idx":1}
];
document.open();
var m_size = menutxt.length;
for(var il=0;il<m_size;il++){
	document.write('<div id=menu'+menutxt[il].idx+ ' class="menu">' );
	document.write('<table width=135><tr><td>' );
	document.write('<em>'+menutxt[il].title + '</em></td><td align=right><img src="./images/close.gif">Close</td></tr>' );
	var i_size=menutxt[il].item.length;
	for (var item=0;item<i_size;item+=2){
		switch (menutxt[il].item[item+1]){
			case 1:
			document.write('<tr><td colspan=2><a class=me href="java.htm">');
			break;
			case 2:
			document.write('<tr><td colspan=2><a class=me href="script.htm ">');
			break;
			case 3:
			document.write('<tr><td colspan=2><a class=me href="active.htm ">');
		}
		document.write(menutxt[il].item[item]+'</a></td></tr>');
	}
document.write('</table>' );
document.write("</div>\n");	
}