// -------------------------------------------------------------- //
// --------------------   DIVISION Content   -------------------- //
// -------------------------------------------------------------- //
OpenLayer = "";
LinkLine = "";
CloseLayer = "";

// -------------------------------------------------------------- //

OpenLayer+= "  <table width='160' border='0' cellspacing='0' cellpadding='0'>";
OpenLayer+= "    <tr>";
OpenLayer+= "      <td colspan='2' valign='top'><img src='images/m_nav_top1.gif' width='160' height='4'></td>";
OpenLayer+= "    </tr>";
OpenLayer+= "    <tr>";
OpenLayer+= "      <td background='images/m_nav_l_bg.gif' valign='top'><img src='images/spacer.gif' width='9' height='0'></td>";
OpenLayer+= "      <td width='151'>";
OpenLayer+= "      <table width='100%' border='0' cellspacing='0' cellpadding='0'>";

//LinkLine+= "        <tr valign='middle' >";
//LinkLine+= "  <td><img src='images/spacer.gif' width='9' height='0'></td>";
//LinkLine+= "        </tr>";

CloseLayer+= "      </table>";
CloseLayer+= "      </td>";
CloseLayer+= "    </tr>";
CloseLayer+= "    <tr>";
CloseLayer+= "      <td colspan='2' valign='top'><img src='images/m_nav_bot1.gif' width='160' height='26'></td>";
CloseLayer+= "    </tr>";
CloseLayer+= "  </table>";

// -------------------------------------------------------------- //

// start of variable

Menu = new Array();
DivString = new Array();
SubMenuLinks = new Array();
SubMenuTitles = new Array();
Sub2MenuLinks = new Array();
Sub2MenuTitles = new Array();
submenu = false;
oldsub = 0;

menutop = new Array(0,0,1,1,2,2,8.6);
menuleft = new Array(20,40,20,40,20,40,20);


// MENU ID (Without Any Use)
Menu[0]='a1';
Menu[1]='a2';
Menu[2]='a3';
Menu[3]='a4';
Menu[4]='a5';
Menu[5]='a6';
Menu[6]='a7';
Menu[7]='a8';
Menu[8]='a9';
Menu[9]='a10';
Menu[10]='a11';
Menu[11]='a12';
Menu[12]='a13';
Menu[13]='a14';

// Define the SubMenu array (link and the link name)


SubMenuLinks[6] = new Array();
SubMenuTitles[6] = new Array();
SubMenuLinks[6][0] = 'parent_html/e_project1.html';
SubMenuTitles[6][0] = 'Deal with Stress';
SubMenuLinks[6][1] = 'parent_html/e_project2.html';
SubMenuTitles[6][1] = 'Manage Emotions';
SubMenuLinks[6][2] = 'parent_html/e_project3.html';
SubMenuTitles[6][2] = 'Handle Sexual Problems';


// --------------------------------------- //

MenuAmount=Menu.length;
MenuWidth = 160;
MenuHeight = 21;
StartTop = 155 + MenuHeight;
StartLeft = 50;
NumOfMenuPerPage = 7;

// For Each Menu
for (i=0; i<MenuAmount; i++){
        // If SubMenu Exist
        if (SubMenuLinks[i]&&SubMenuTitles[i]){
                SubLinkAmount = SubMenuLinks[i].length;
                if (SubLinkAmount>0){

                        // Calculate the corresponding Absolute position
                        if (i<NumOfMenuPerPage){
                                //var left = StartLeft + i*MenuWidth;
                                var left = StartLeft + menuleft[i];

                                var top = StartTop + menutop[i] * 20;
                        }else if (i>=NumOfMenuPerPage){
                                var left = StartLeft + (i-NumOfMenuPerPage)*MenuWidth;
                                var top = StartTop + MenuHeight;
                        }
                        // ConCate the Div string
                        DivString[i] = "<div id = 'Div_"+i+"' style='position:absolute;";
                        DivString[i]+= "top:"+top+"px;"+"left:"+left+"px;visibility:hidden;z-index:0' onMouseOver='showDiv("+i+")' onMouseOut='hideDiv("+i+")'>";
                        DivString[i]+= OpenLayer+LinkLine;
                        for (j=0; j<SubLinkAmount; j++){
                                DivString[i]+= "<tr><td height='19' class='nav' background='images/m_nav_1_bg.gif'>&nbsp;";

                                sublink =SubMenuLinks[i][j];
                                if(isNaN(sublink))
                                  { DivString[i]+= "<a href ='"+ sublink+"'>"+SubMenuTitles[i][j]+"</a>";
                                  }
                                else
                                  { DivString[i]+= "<a href='#' onMouseOver='showDiv("+(100+sublink)+");'>"+SubMenuTitles[i][j]+"</a>";
                                    writesubDiv(sublink,(top+(j+1)*19),left+20);
                                  }

                                DivString[i]+= "</td></tr>";
                                DivString[i]+= LinkLine;
                        }
                        DivString[i]+= CloseLayer;
                        DivString[i]+= "</div>";
                        document.write(DivString[i]);
                }
        }
}

// --------------------------------------- //
// ----------   Function Call   ---------- //
// --------------------------------------- //
function debug(){
        alert('hello');
}

function hidden_all_submenu(dindex)
{     for (i=0; i<MenuAmount; i++)
          {  if (SubMenuLinks[i] && SubMenuTitles[i] && i!=dindex)
                { SubLinkAmount = SubMenuLinks[i].length;
                  if (SubLinkAmount>0){
                        for (j=0; j<SubLinkAmount; j++)
                          {  sublink =SubMenuLinks[i][j];
                                if(!isNaN(sublink))
                                  {  document.all['Div_'+ (100+sublink)].style.visibility="hidden"; }
                          }
                     }
                }
          }
 }


function hidden_submenu(dindex)
{     for (i=0; i<MenuAmount; i++)
          {  if (SubMenuLinks[i] && SubMenuTitles[i] && i==dindex)
                { SubLinkAmount = SubMenuLinks[i].length;
                  if (SubLinkAmount>0){
                        for (j=0; j<SubLinkAmount; j++)
                          {  sublink =SubMenuLinks[i][j];
                                if(!isNaN(sublink))
                                  {  document.all['Div_'+ (100+sublink)].style.visibility="hidden"; }
                          }
                     }
                }
          }
 }


function show_parent(dindex)
{  showid = -1;
     for (i=0; i<MenuAmount; i++)
          {  if (SubMenuLinks[i] && SubMenuTitles[i] && i!=dindex)
                { SubLinkAmount = SubMenuLinks[i].length;
                  if (SubLinkAmount>0)
                     {
                        for (j=0; j<SubLinkAmount; j++)
                          {   sublink =SubMenuLinks[i][j];
                                if(!isNaN(sublink) && (dindex==(100+sublink)))
                                  { showid = i; }
                          }
                     }
                }
          }

      if(showid>-1)
       { document.all['Div_'+showid].style.visibility="visible"; }
      return showid;
 }


function showDiv(divIndex){
        if(divIndex>100)
          { vid = show_parent(divIndex);
            hidden_all_submenu(-1);
            document.all['Div_'+divIndex].style.visibility="visible";
            submenu = true; }
         else
          { submenu = false;
            hidden_all_submenu(divIndex);
          }


//        document.write(DivString[divIndex]);
        if (document.all['Div_'+divIndex])
//                document.all['Div_'+divIndex].innerHTML = OpenLayer+LinkLine+Sample+LinkLine+CloseLayer;
              {  document.all['Div_'+divIndex].style.visibility="visible";
              }


}
function hideDiv(divIndex){
        if (document.all['Div_'+divIndex])
          { // if(divIndex>100)  { submenu = false;}
            // if(submenu==false)
             { document.all['Div_'+divIndex].style.visibility="hidden";}
          }

        // hidden all sub menu
         if(divIndex<100)
          { hidden_submenu(divIndex);
          }

}

function writeDiv(){}

function writesubDiv(i2,top,left){
      var sDivString = new Array();
       Sub2LinkAmount = Sub2MenuLinks[i2].length;
            if (Sub2LinkAmount>0){
               // ConCate the Div string
                  sDivString[i2] = "<div id = 'Div_"+ (100+i2) +"' style='position:absolute;";
                  sDivString[i2]+= "top:"+top+"px;"+"left:"+left+"px;visibility:hidden;z-index:1' onMouseOver='showDiv("+(100+i2)+")' onMouseOut='hideDiv("+(100+i2)+")'>";
                  sDivString[i2]+= OpenLayer+LinkLine;
                        for (j2=0; j2<Sub2LinkAmount; j2++){
                                sDivString[i2]+= "<tr><td height='19' class='nav' background='images/m_nav_1_bg.gif'>&nbsp;";
                                sDivString[i2]+= "<a href ='"+Sub2MenuLinks[i2][j2]+"'>"+Sub2MenuTitles[i2][j2]+"</a>";
                                sDivString[i2]+= "</td></tr>";
                                sDivString[i2]+= LinkLine;
                        }
                      sDivString[i2]+= CloseLayer;
                      sDivString[i2]+= "</div>";
                      document.write(sDivString[i2]);
                }
}
// --------------------------------------- //
// --------------------------------------- //