//----------------------------------------------------------------//
//                                                                //
//  <SCRIPT LANGUAGE="JavaScript" SRC="CallMenu.js">              //
//  </SCRIPT>                                                     //
//                                                                //
//----------------------------------------------------------------//
//----------------------------------------------------------------//
//  Global variable                                               //
//----------------------------------------------------------------//
  var isMouseOverHeader = '' ;
  var isMouseOverList = '' ;

//----------------------------------------------------------------//
//  FUNCTION - handleList( )                                      //
//----------------------------------------------------------------//
  function handleList( )  {

    //alert( 'isMouseOverHeader = ' + isMouseOverHeader + '\nisMouseOverList = ' + isMouseOverList);

    if      ( isMouseOverHeader == 'Yes' ) { null; }
    else if ( isMouseOverList   == 'Yes' ) { null; }
    else                                   { closeList( ); }

    setTimeout("handleList( )", 1000);
  }

//----------------------------------------------------------------//
//  FUNCTION - closeList( )                                       //
//----------------------------------------------------------------//
  function closeList( )  {

    //alert( 'isMouseOverHeader = ' + isMouseOverHeader + '\nisMouseOverList = ' + isMouseOverList);

      var obj_Div;
      obj_Div = document.all['Div_List'] ;
      obj_Div.style.visibility = 'hidden';
  }

//----------------------------------------------------------------//
//  FUNCTION - callList( obj ,v_Category )                        //
//----------------------------------------------------------------//
  function callList( obj ,v_Category )  {

    var ret = '';

      //ret = ret + '<hr>';
      ret = ret + '<font class="menuBarTxt">';

    if ( v_Category=="Band Program" ) {
      ret = ret + '<a href=# onClick=callMenu("BandProgram/ConcertBand.html")>Concert Band</a>';
      ret = ret + '<hr>';
      ret = ret + '<a href=# onClick=callMenu("BandProgram/JazzBand.html")>Jazz Band</a>';
      ret = ret + '<hr>';
      ret = ret + '<a href=# onClick=callMenu("BandProgram/MarchingBand.html")>Marching Band</a>';
      ret = ret + '<hr>';
      ret = ret + '<a href=# onClick=callMenu("BandProgram/ConcertBand.html")>Orchestra</a>';
      ret = ret + '<hr>';
      ret = ret + '<a href=# onClick=callMenu("BandProgram/History.html")>History</a>';
    }
    else if ( v_Category=="About Us" ) {
      ret = ret + '<a href=# onClick=callMenu("BandProgram/History.html")>History</a>';
      ret = ret + '<hr>';
      ret = ret + '<a href=# onClick=callMenu("AboutUs/Staff.html")>Staff</a>';
      ret = ret + '<hr>';
      ret = ret + '<a href=# onClick=callMenu("AboutUs/Volunteer.html")>Volunteer</a>';
      ret = ret + '<hr>';
      ret = ret + '<a href=# onClick=callMenu("AboutUs/Alumni.html")>Alumni</a>';
    }

      ret = ret + '</div>';

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

        var v_Html = "";
        v_Html = v_Html + ret;
/*
        //v_Html = v_Html + "<table width=100% border=0 cellspacing=1 cellpadding=0>";
        v_Html = v_Html + "<width=100% border=0 cellspacing=1 cellpadding=0>";
        v_Html = v_Html + "<tr>";
        v_Html = v_Html + "<td style='background: url(Images/right_img01.gif) left top repeat;'>";

        v_Html = v_Html + ret;

        v_Html = v_Html + "</td>";
        v_Html = v_Html + "</tr>";
        v_Html = v_Html + "</table>";
*/

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

      var obj_Div;
      obj_Div = document.all['Div_List'] ;
      //obj_Div.style.visibility = 'hidden';

      obj_Div.style.top  = getPosition(obj ,'top') + 40;
      obj_Div.style.left = getPosition(obj ,'left') + 0;

      //obj_Div.style.width = 300;
      obj_Div.innerHTML = v_Html ;
      obj_Div.style.visibility = 'visible';
  }

//----------------------------------------------------------------//
//   function getPosition(obj ,v_Which) {                         //
//----------------------------------------------------------------//
  function getPosition(obj ,v_Which) {

    var ret ;

    var v_top;
    var v_left;
    var v_obj_Parent;

    v_top  = obj.offsetTop;
    v_left = obj.offsetLeft;
    v_obj_Parent = obj;

    while ( v_obj_Parent.offsetParent != null )
    {
      v_obj_Parent = v_obj_Parent.offsetParent;
      v_top  = v_top  + v_obj_Parent.offsetTop;
      v_left = v_left + v_obj_Parent.offsetLeft;
      //alert(v_obj_Parent.tagName + ' : (' + v_obj_Parent.offsetTop + ' , ' + v_obj_Parent.offsetLeft + ')\nTop= ' + v_top + '\nLeft= ' + v_left + '\nnext=' +v_obj_Parent.offsetParent);
    }

    if      (v_Which=='top')  { ret = v_top ; }
    else if (v_Which=='left') { ret = v_left ; }

    return ret ;
  }

//----------------------------------------------------------------//
//  FUNCTION - callMenu( v_Href )                                 //
//----------------------------------------------------------------//
  function callMenu( v_Href ) {

    //-----------------------------------------------------------------------//
    //  Step 1: If subWindow exists, then close the subWindow                //
    //-----------------------------------------------------------------------//
      if  (window.subWindow && !subWindow.closed) {
        //subWindow.focus();
        subWindow.close();
      }
      //else  {

    //-----------------------------------------------------------------------//
    //  Step 2: open the winSignature.                                       //
    //-----------------------------------------------------------------------//
      var v_WindowFeature;
      var v_Width ;
      var v_Width_Max = 820 ;
      v_Width = screen.availWidth-100 ;

      if ( v_Width > v_Width_Max ) { v_Width = v_Width_Max; }

      var v_Height ;
      v_Height = screen.availHeight-150 ;

      var v_Left ;
      v_Left = screen.availWidth -v_Width -10;

      v_WindowFeature = "menubar=yes,toolbar=yes,scrollbars=yes,resizable=yes,status=yes,top=5,left=" +(v_Left)+ ",width=" +(v_Width)+ ",height=" +(v_Height);

      subWindow = window.open( v_Href ,'subWindow' ,v_WindowFeature );
      //subWindow.focus();
  }