//            ****         script for the top menu         ****

var arFMenu = [['ci','ir','cc','mr','c','sc','01'],['hkp','mp','shc','hyc','sps','02']];

var fmenu1 = new fMenu('fmenu1', arFMenu)

/******** get event of mouse over or mouse out on the top menu *********/
function fMenu(self, ar){
  this.onmouseover = function(i,j){
    //alert(i+'/'+j);
    if(typeof i == 'undefined') i = this.last_i;
    if(typeof j == 'undefined') j = this.last_j;
    this.last_i = i;
    this.last_j = j;
    isTimeOut=false;
    showMenu('menu_'+i+'_'+j);
    var el1 = document.getElementById(self+'_'+ar[i][j]);
    var el2 = document.getElementById(self+'_bg_'+ar[i][j+1]);
    if(el1)el1.src = 'skin/default/nav_'+ar[i][j]+'_on.gif';
if (i==0){
    if(el2) el2.style.backgroundImage='url(images/1x1.gif)';
}else{
    if(el2) el2.style.backgroundImage='url(skin/default/nav2_item_bg2.gif)';
}

  };
  this.onmouseout = function(){
    isTimeOut=true;
    setTimeout('hideAllMenu()', 500);
  };
  this.onmouseout_complete = function(){
    for(var i=0; i<ar.length; i++){
      for(var j=0; j<ar[i].length; j++){
        var el1 = document.getElementById(self+'_'+ar[i][j]);
        var el2 = document.getElementById(self+'_bg_'+ar[i][j]);
        if(el1) el1.src = 'skin/default/nav_'+ar[i][j]+'.gif';
if (i==0){
        /*if(el2) el2.background = 'skin/default/nav_item_bg.gif';*/
        if(el2) el2.style.backgroundImage='url(skin/default/nav_item_bg.gif)';
}else{
        /*if(el2) el2.background = 'skin/default/nav2_item_bg.gif';*/
        if(el2) el2.style.backgroundImage='url(skin/default/nav2_item_bg.gif)';
}
      } 
    } 
    isTimeOut = false;
  };
}

/**************** to show the menu (when mouse over) *******************/
var curMenuId = '';
var isTimeOut = false;
function showMenu(mid) {
  isTimeOut = true;
  hideAllMenu();

  var menuDiv = document.getElementById('fmenu_item'+mid.substring(4,8));
  if(menuDiv != null){
    menuDiv.style.display = "inline";
    curMenuId = mid;
  }
}

/******* to hide all menuand restore the tab  (when mouse out) *********/
function hideAllMenu() {
  if (isTimeOut) {
    var i, hideObj;
    for(var i=0; i<arFMenu.length; i++){
      for(var j=0; j<arFMenu[i].length; j++){
        hideObj = document.getElementById('fmenu_item_'+i+'_'+j);
        if(hideObj!=null) {
          hideObj.style.display = "none";
        }
      }
    }
    fmenu1.onmouseout_complete();

  }
}