var bV=parseInt(navigator.appVersion);
var NS4=(document.layers) ? true : false;
var IE4=((document.all)&&(bV>=4))?true:false;
var ver4 = (NS4 || IE4) ? true : false;

var curExpandEl = null;
var isExpanded = false;
var menus = new Array();
var LAYER_LEFT = 180;
var LAYER_TOP = 10;
var IMG_PATH = "/images/";
var FLAG_LAYER = "layer";
var FLAG_ITEM = "";

function initFlag(layer,item){
	FLAG_LAYER = layer;
	FLAG_ITEM = item;
}

function menu(name,link,code,img){
	this.name = name;
	this.link = link;
	this.code = code;
	this.img = img;
	this.bars = new Array();
	
	this.addMenuBar = addMenuBar;
}
function addMenuBar(m){
	this.bars[this.bars.length] = m;
}

function addMenu(m){
	menus[menus.length] = m;
}

function initMenu(oMenu){
	with(document){
		write('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
		
		//alert(menus.length);
		for(var i=0;i<menus.length;i++){
			var m = menus[i];
			var m_link = getLink(m.link,m.name);
					
			//mebu title
			write('<tr>'); 
      write('<td height="46"  id="'+FLAG_ITEM+m.code+'" valign="top">'); 
      write('<A HREF="#" style=" text-decoration:none;" onClick="expandIt(\''+m.name+'\',\''+m_link+'\'); return false">');
      write('<img src="'+m.img+'" alt="" width="240" height="46" border="0" ');
      write('onMouseOver="showLayer(\''+m.code+'\',\'show\')" ');
      //alert('onMouseOver="showLayer(\''+m.code+'\',\'\',\'show\')" ');
      write('onMouseOut="showLayer(\''+m.code+'\',\'hide\')">');
      write('</A></td>');
			write('</tr>'); 

			//memu bar
      write('<tr>'); 
      write('<td valign="top" background="'+IMG_PATH+'gs_search_bg.gif" class="left16" >'); 
      write('<DIV ID="'+m.name+'Child">'); 
      write('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
		  
	  //alert(m.bars.length);
 	  for(var j=0;j<m.bars.length;j++){
		var bar = m.bars[j];
		var link = getLink(bar.link,m.name);
				
		write('<tr'); 
				
		write('onmouseout="this.style.backgroundColor=\'#ffffff\'"');
		write('onmouseover="this.style.backgroundColor=\'#ECF6FE\'"');
		write(' bgcolor="#ffffff" style="CURSOR: hand">');
				
        write('<td height="25" id="'+FLAG_ITEM+bar.code+'" class="left10"');
        write('onMouseOver="showLayer(\''+bar.code+'\',\'show\')" ');
        write('onMouseOut="showLayer(\''+bar.code+'\',\'hide\')"> ');
        write('<a HREF="'+link+'">'+bar.name+'</a>');
        write('</td>');
        
        write('</tr>');
        
        write('<tr>'); 
        write('<td background="'+IMG_PATH+'line.gif"><img src="'+IMG_PATH+'line.gif" width="3" height="1"></td>');
        write('</tr>');

			}
      write('</table>');
      write('</DIV></td>');
      write('</tr>');
		}
		
		write('</table>');
  }
  
  initIt(oMenu);
}

function getLink(link,name){
	if(link==null)
		link = "#";
	else if(name!=null){	
		var link_index = link.indexOf("?");
		if(link_index>-1)
			link += "&menu="+name;
		else
			link += "?menu="+name;
	}
	
	return link;
}

function createLayer(code,info,w,h){
	with(document){
		write('<div id="'+FLAG_LAYER+code+'"');
		write('style="position:absolute; width:'+w+'; height:'+h+';z-index:1; ');
		write(' background-color: #EEFDFF; layer-background-color: #EEFDFF; border: 1px none #000000; visibility: hidden;">'); 
	  	write('<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCFF">');
	  	write('<tr>') 
	  	write('<td valign="top" bgcolor="#FFFFE1" class="box5">'+info+'</td>');
	  	write('</tr>');
	  	write('</table>');
	  	write('</div>');
	}
}

function showLayer(code,state,left,top,map) { //v6.0
  var oDiv = document.all(FLAG_LAYER+code);
  //alert(oDiv);
  if(state == "show"){
	  var position;
	  if(map!=null)
	  	position = getPosition(map);
	  else	
	  	position = getPosition(code);
	  //alert("The div element is at (" + position.left +	"," + position.top + ")\n"  );
		
		if(left == null)left = LAYER_LEFT;
		if(top == null)top = LAYER_TOP;
		
	  oDiv.style.left = position.left+left;
	  oDiv.style.top = position.top+top;
  
	  oDiv.style.visibility = "visible";
  }else
  	oDiv.style.visibility = "hidden";
}

function position(left,top){
	this.left = left;
	this.top = top;
}

function getPosition(code){
	var oElement = document.all(FLAG_ITEM+code);
	var left = oElement.offsetLeft;
	var top = oElement.offsetTop;
	
	while(oElement.offsetParent){
		left += oElement.offsetParent.offsetLeft;
		top += oElement.offsetParent.offsetTop;
		oElement = oElement.offsetParent;
	}
	return new position(left,top);
}

function showPosition(code)
{
	var position = getPosition(code);
	alert("The TD element is at (" + position.left + "," + position.top + ")\n"  );
}

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 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") {
		whichEl.pageY = nextY;
		nextY += whichEl.document.height;
	   }
   }
}

function initIt(oMenu){
	 oMenu += "Child";
   if (NS4) {
		for (i=0; i<document.layers.length; i++) {
		   	whichEl = document.layers[i];
				if (whichEl.id.indexOf("Child") != -1) 
					whichEl.visibility = "hide";
		}
		arrange();
   } else {
		tempColl = document.all.tags("DIV");
		for (i=0; i<tempColl.length; i++) {
			var id = tempColl(i).id;
		   if(id == oMenu){
		   		curExpandEl = tempColl(i);
		   		curExpandEl.style.display = "block";
		   }else if(id.indexOf("Child")>0) 
		   		tempColl(i).style.display = "none";
		}
	 }
}

function isDivExpand(el) {
	var e = eval(el + "Child");
	return e.style.display == "block";
}

function expandIt(el,link) {
   if (!ver4) return;
   if (IE4) {expandIE(el,link)} else {expandNS(el,link)}
}

function expandIE(el,link) {    
   whichEl = eval(el + "Child");
   
   if (whichEl.style.display == "none") {
			whichEl.style.display = "block";
   } else {
			whichEl.style.display = "none";
   }
  
     if(curExpandEl!=null && curExpandEl.id.indexOf(el)==-1){
			curExpandEl.style.display = "none";
   }
   

  curExpandEl = whichEl;
  
	if(link!=null && link!="#")
  		window.location.href = window.location.protocol+link;
}

function expandNS(el) {
   whichEl = eval("document." + el + "Child");
   whichIm = eval("document." + el + "Parent.document.images['imEx']");
   if (whichEl.visibility == "hide") {
	whichEl.visibility = "show";
	whichIm.src = "bullet-minus.gif";
   }
   else {
	whichEl.visibility = "hide";
	whichIm.src = "bullet-plus.gif";
   }
   arrange();
}

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

function expandAll(isBot) {
   newSrc = (isExpanded) ? "bullet-plus.gif" : "bullet-minus.gif";

   if (NS4) {
        document.images["imEx"].src = newSrc;
	for (i=firstInd; i<document.layers.length; i++) {
		whichEl = document.layers[i];
		if (whichEl.id.indexOf("Parent") != -1) {
		   whichEl.document.images["imEx"].src = newSrc;
		}
		if (whichEl.id.indexOf("Child") != -1) {
		   whichEl.visibility = (isExpanded) ? "hide" : "show";
		}
	}

	arrange();
	if (isBot && isExpanded) scrollTo(0,document.layers[firstInd].pageY);
   }
   else {
	divColl = document.all.tags("DIV");
	for (i=0; i<divColl.length; i++) {
		if (divColl(i).className == "child") {
		   divColl(i).style.display = (isExpanded) ? "none" : "block";
		}
	}
	imColl = document.images.item("imEx");
	for (i=0; i<imColl.length; i++) {
		imColl(i).src = newSrc;
	}
   }

   isExpanded = !isExpanded;
}

with (document) {
   write("<STYLE TYPE='text/css'>");
   if (NS4) {
	write(".parent {position:absolute; visibility:hidden}");
	write(".child {position:absolute; visibility:hidden}");
	write(".regular {position:absolute; visibility:hidden}")
   }
   else {
	write(".child {display:none}")
   }
   write("</STYLE>");
}