var timer = "";
var colorArr = ["#0370ba","#4d7301","#d48311"]
var fontColor=["#99d6ff","#c2d699","#fcd6a1"]
					       
function disp_submenu(title, colorCnt, fontCnt, _arrList, _subArrAllList,chUrlLink)
{
   document.getElementById('vertical_content').innerHTML = "";
	 if (timer != ""){ retain_menu(); }
		var disp_story_1=
	         "<div id='content'  style='height: 290px; overflow: hidden; position:absolute; width: 204px; z-index:1; left:363px; top:170px; visibility? show : visible; background-color: "+colorArr[colorCnt]+"'>"+
           "<table width='181' align='top' height='150' cellpadding='2' rowspacing='0' cellspacing='0' border='0' bgcolor='"+colorArr[colorCnt]+"' onmouseover='retain_menu()' onmouseout='hide_menu()'>"+
           "<tr valign='top'><td class='dropdown_text1' width='10'><font color='"+fontColor[fontCnt]+"'>&raquo;</font>		</td><td class='dropdown_text1'>"+
			     "<a href='"+chUrlLink+"' target='_blank'  class='dropdown_text1' ><font color='"+fontColor[fontCnt]+"'><b>"+title+"</b></font></a></td>	</tr>	";
			disp_story_1=disp_story_1+"<tr valign='top'>		<td class='dropdown_text1'>			</td>	</tr>";	
										                  
    var disp_story_2="";
    for (var i = 0; i < _arrList.length; i++) 
    {       
           var _subArrList = new Array() ;
           if (_subArrAllList[i] != null) {
              _subArrList = _subArrAllList[i]
           }
          
    	   disp_story_2= disp_story_2 +  "<tr valign='top'>";              
				 if (_subArrList.length <= 0 ) 				 
				   disp_story_2= disp_story_2 +"<td class='dropdown_text1' width='10'>"+
			       "<img src='/a1media/site/common/top_dotted2_bk.gif'></td>";
				  disp_story_2= disp_story_2 +"<td class='dropdown_text1' colspan='2'   width='170'>"+
	            "		<a href='"+_arrList[i].link+"' target='_blank' class='dropdown_text1'><b>"+_arrList[i].title+"</b></a>	</td></tr>";	                            
	          
	        for (var j = 0; j < _subArrList.length; j++) 
          {
               if (_arrList[i].title==_subArrList[j].key)
                  disp_story_2= disp_story_2 + 
                                    "	<tr valign='top'>		<td class='dropdown_text1' width='10'>			<img src='/a1media/site/common/top_dotted2_bk.gif'>		</td>"+
                                    "		<td class='dropdown_text1'>			<a href='"+_subArrList[j].link+"' target='_blank' class='dropdown_text1'>"+_subArrList[j].title+"</a>		</td>"+
                                    "	</tr>	<!--<tr valign='top'>		<td class='dropdown_text1'>			<img src='/a1media/site/common/blank.gif' width='5' height='1'>		</td>	</tr> -->";                         
           }
	}            
	    var dispMsg= disp_story_1 + disp_story_2 + "</table></div>";
		  document.getElementById('vertical_content').innerHTML = dispMsg;         
} 
		  
function disp_submenuForFF(title, colorCnt, fontCnt, _arrList, ffcontext,chUrlLink)
{
   document.getElementById('vertical_content').innerHTML = "";
	 if (timer != ""){ retain_menu(); }
		var disp_story_1=
	         "<div id='content'  style='height: 300px; overflow: hidden; position:absolute; width: 204px; z-index:1; left:363px; top:170px; visibility? show : visible; background-color: "+colorArr[colorCnt]+"'>"+
           "<table width='181' align='top' height='150' cellpadding='2' rowspacing='0' cellspacing='0' border='0' bgcolor='"+colorArr[colorCnt]+"' onmouseover='retain_menu()' onmouseout='hide_menu()'>"+
           "<tr valign='top'><td class='dropdown_text1' width='10'><font color='"+fontColor[fontCnt]+"'>&raquo;</font>		</td><td class='dropdown_text1'>"+
			     "<a href='"+chUrlLink+"' target='_blank'  class='dropdown_text1' ><font color='"+fontColor[fontCnt]+"'><b>"+title+"</b></font></a></td>	</tr>	";
	   	                  
      
        var disp_story_2="";
        var disp_story_3=ffcontext;  
    	   disp_story_2= disp_story_2 +  "<tr valign='top'>";              	 
		   disp_story_2= disp_story_2 +"<td class='dropdown_text1' width='10'>";
		   disp_story_2= disp_story_2 +"</td> <td class='dropdown_text1'> ";
		   disp_story_2= disp_story_2 + disp_story_3;
		   disp_story_2= disp_story_2 +"</td></tr>";	                            
	      
	     
	   
	    var dispMsg= disp_story_1 + disp_story_2 + "</table></div>";
		  document.getElementById('vertical_content').innerHTML = dispMsg;         
}



		       
function _arrayInfo( link, title, key ) 
{
          this.link = link
          this.title = title
          this.key = key
}		 
function _arrayAllInfo( _subArrListInAll, key ) 
{
          this._subArrListInAll = _subArrListInAll
          this.key = key
}	

                 
function retain_menu(){
          clearTimeout(timer);
}

function hide_menu(){
           timer = setTimeout("go_hide()",800);
}

function go_hide(){
             document.getElementById('vertical_content').innerHTML = "";
}