// web developer='Alex Loh' 
// email='alexloh33@yahoo.com'

function open_WinEngEdu() {
    var engEdu_window = window.open("../hainan_edu/eng_edu/eng_edu_forms.htm");
    engEdu_window.focus();
}

function open_WinHainanSong() {
    var hainanSong_window = window.open("../hainan_songs/index.html");
    hainanSong_window.focus();
}

var nodes_array = new Array();

var current_document = -1;

function node_data(level, index, text, state, url) {
  this.level = level;
  this.index = index;
  this.text = text;
  this.state = state;
  this.url = url;
}

function create_node(level, text, state, url) {
  var new_node = new Array();

  var nodes_index = nodes_array.length;
  nodes_array[nodes_index] = new_node;

  new_node[0] = new node_data(level, nodes_index, text, state, url);

  return new_node;
}

function add_child(parent_node, child_node) {
  var next_index = parent_node.length;

  parent_node[next_index] = child_node;

  return child_node;
}

function build_tree() {
  main_node = create_node(0, "Home", "open", "eng_home.htm");

  level1_node = add_child(main_node, create_node(1, "Organization", "closed", ""));
      level2_node = add_child(level1_node, create_node(2, "History", "closed", "hainanAssoc_history.htm"));
      level2_node = add_child(level1_node, create_node(2, "Temple", "closed", "tht_basicInfo.htm"));
	  level2_node = add_child(level1_node, create_node(2, "Intro", "closed", "tht_introInfo.html"));
	  level2_node = add_child(level1_node, create_node(2, "Logo", "closed", "logo_decipher.html"));
      level2_node = add_child(level1_node, create_node(2, "Council", "closed", "association/generalCouncil_2009.html"));
	  level2_node = add_child(level1_node, create_node(2, "Rules", "closed", "../DataStore/Rules_Regulations.pdf"));
      level2_node = add_child(level1_node, create_node(2, "Home", "closed", "eng_home.htm"));


  level1_node = add_child(main_node, create_node(1, "Services", "closed", ""));
      level2_node = add_child(level1_node, create_node(2, "Marriage", "closed", "../Services/IA04_Eng.pdf"));
      level2_node = add_child(level1_node, create_node(2, "Education", "closed", "eng_edu"));
      level2_node = add_child(level1_node, create_node(2, "Hall", "closed", "conf_hall.htm"));
      level2_node = add_child(level1_node, create_node(2, "Insurance", "closed", "../NewInfo/Hainan-InsuranceQA-eng.html"));


  //level1_node = add_child(main_node, create_node(1, "Activities", "closed", ""));
	  //level2_node = add_child(level1_node, create_node(2, "AGM", "closed", "../NewInfo/Y2007/2007_6_AGM.pdf"));
  
  
  level1_node = add_child(main_node, create_node(1, "Associations", "closed", ""));
      level2_node = add_child(level1_node, create_node(2, "Local", "closed", "../AssociateSociety/hainanAssociations_My.html"));
      level2_node = add_child(level1_node, create_node(2, "Overseas", "closed", "../OverseaHainan/OverseaHainan-Index-eng.html"));
      

  level1_node = add_child(main_node, create_node(1, "Youth", "closed", ""));
      level2_node = add_child(level1_node, create_node(2, "Intro", "closed", "../hainan_youth/gettingToKnowYouth.htm"));
      level2_node = add_child(level1_node, create_node(2, "Gathering", "closed", "../hainan_youth/standardAgenda.htm"));
      level2_node = add_child(level1_node, create_node(2, "Photos", "closed", "../hainan_scenery/hainanScenery.htm"));  


  level1_node = add_child(main_node, create_node(1, "Archives", "closed", ""));
      level2_node = add_child(level1_node, create_node(2, "Menu", "closed", "archives_menu.htm"));


  level1_node = add_child(main_node, create_node(1, "e-Group", "closed", ""));
      level2_node = add_child(level1_node, create_node(2, "Menu", "closed", "eGroups_menu.htm"));


// Hainanese Business Directory
  level1_node = add_child(main_node, create_node(1, "HBPD", "closed", ""));
      level2_node = add_child(level1_node, create_node(2, "Search", "closed", "directory/showall.php"));
      level2_node = add_child(level1_node, create_node(2, "Login", "closed", "directory/logiiiin.php"));
	  
	  
// Online Hainanese Songs
  level1_node = add_child(main_node, create_node(1, "Hainan Songs", "closed", ""));
      level2_node = add_child(level1_node, create_node(2, "Menu", "closed", "hainan_song"));

// Learning Hainanese On-line
  level1_node = add_child(main_node, create_node(1, "LH On-line", "closed", ""));
      level2_node = add_child(level1_node, create_node(2, "Menu", "closed", "../LH_Online/LH_index.html"));


  level1_node = add_child(main_node, create_node(1, "Contact Us", "closed", ""));
      level2_node = add_child(level1_node, create_node(2, "General", "closed", "contact_us.htm"));
      level2_node = add_child(level1_node, create_node(2, "Feedback", "closed", "feedbackForm.htm"));

  timeout_id = setTimeout("write_menu()", 50);
}

function write_menu() {
  frames["leftFrame"].document.clear();
  frames["leftFrame"].document.writeln('<html>');
  frames["leftFrame"].document.writeln('<head>');
  frames["leftFrame"].document.writeln('<title>');
  frames["leftFrame"].document.writeln('Menu Frame');
  frames["leftFrame"].document.writeln('<\/title>');
  frames["leftFrame"].document.writeln('<\/head>');

  // original background image = bg_vertLine.gif

  frames["leftFrame"].document.writeln('<body bgcolor="#333399">');
  frames["leftFrame"].document.writeln('<br>');

  frames["leftFrame"].document.writeln('<table border="0" cellspacing="0" cellpadding="3">');
  
  var main_node = nodes_array[0];
  frames["leftFrame"].document.writeln('<tr>');  
  frames["leftFrame"].document.writeln('<td>');

// Do not display the main_node
/*  frames["leftFrame"].document.writeln('<a href="javascript:parent.toggle_state(\'' + main_node[0].index + '\')">');
  frames["leftFrame"].document.writeln('<font size="3" color="#FFFFFF"><b>');
  frames["leftFrame"].document.writeln(main_node[0].text);
  frames["leftFrame"].document.writeln('<\/b><\/font><\/a>');  */

  frames["leftFrame"].document.writeln('<\/td>');
  frames["leftFrame"].document.writeln('<\/tr>');
  frames["leftFrame"].document.writeln('<\/table>');

  if (main_node[0].state == "open") {
    write_children(main_node);
  }


// Temporarily hide out the CNY link
/*  frames["leftFrame"].document.writeln('<table border="0" cellspacing="0" cellpadding="0">');
  frames["leftFrame"].document.writeln('<tr><td>&nbsp;<\/td><\/tr><tr>');
  frames["leftFrame"].document.writeln('<td width="95" bgcolor="#FFFFEA">'); 
  frames["leftFrame"].document.writeln('<p align="center"><a href="#"><img src="../images/CNY/luckyboy.gif" onClick="javascript:parent.frames[\'rightFrame\'].location.href=\'../NewInfo/Y2004/2004_CNY_timetable_eng.htm\'" border="0"><\/a><br>&nbsp;<font size="2">CNY Programs<\/font><\/p>');
  frames["leftFrame"].document.writeln('<\/td>');
  frames["leftFrame"].document.writeln('<\/tr>');
  frames["leftFrame"].document.writeln('<\/table>');  */


  frames["leftFrame"].document.writeln('<table border="0" cellspacing="0" cellpadding="0">');
  frames["leftFrame"].document.writeln('<tr><td>&nbsp;<\/td><\/tr><tr>');
  frames["leftFrame"].document.writeln('<td width="95" bgcolor="#D2E9FF">'); 
  frames["leftFrame"].document.writeln('<p align="center"><a href="#"><img src="../phpScript/tellMyFriend_en.gif" alt="Tell My Friend" onClick="javascript:window.open(\'../phpScript/submitURL_eng.php\', \'\', \'height=360,width=420\');" border="0"><\/a><\/p>');
  frames["leftFrame"].document.writeln('<\/td>');
  frames["leftFrame"].document.writeln('<\/tr>');
  frames["leftFrame"].document.writeln('<\/table>'); 
  
// Temporarily hide out the Hainannet SMS  
/*  frames["leftFrame"].document.writeln('<table border="0" cellspacing="0" cellpadding="0">');
  frames["leftFrame"].document.writeln('<tr><td>&nbsp;<\/td><\/tr><tr>');
  frames["leftFrame"].document.writeln('<td width="95" bgcolor="#D2E9FF">'); 
  frames["leftFrame"].document.writeln('<p align="center"><a href="#"><img src="../phpScript/hainannetSMS_en2.gif" alt="Hainannet SMS" onClick="javascript:window.open(\'../phpScript/submitSMS_eng.php\', \'\', \'height=420,width=440,scrollbars=yes\');" border="0"><\/a><\/p>');
  frames["leftFrame"].document.writeln('<\/td>');
  frames["leftFrame"].document.writeln('<\/tr>');
  frames["leftFrame"].document.writeln('<\/table>');  */


  frames["leftFrame"].document.writeln('<table border="0" cellspacing="0" cellpadding="0">');
  frames["leftFrame"].document.writeln('<tr><td>&nbsp;<\/td><\/tr><tr>');
  frames["leftFrame"].document.writeln('<td width="95" bgColor="#D2E9FF">'); 
  frames["leftFrame"].document.writeln('<p align="center"><a href="#"><img src="../email/email_button_en2.gif" alt="Hainannet Email System" onClick="javascript:window.open(\'http://mail.hainannet.com.my/\', \'\', \'toolbar=no,resizable=yes\');" border="0"><\/a><\/p>');
  frames["leftFrame"].document.writeln('<\/td>');
  frames["leftFrame"].document.writeln('<\/tr>');
  frames["leftFrame"].document.writeln('<\/table>');

/*
  frames["leftFrame"].document.writeln('<br><table border="0" cellspacing="0" cellpadding="0">');
  frames["leftFrame"].document.writeln('<td width="95" height="150" bgcolor="#FFFFFF" align="center">'); 
  // load timetable in right frame
  //frames["leftFrame"].document.writeln('<img src="../images/CNY/cny_program.jpg" alt="CNY Celebration Program" onClick="javascript:parent.frames[\'rightFrame\'].location.href=\'../NewInfo/Y2007/2007cny_timetable_en.html\'" border="1" width="85" height="150">');
  // open timetable in new window
  frames["leftFrame"].document.writeln('<img src="../images/CNY/cny_program.jpg" alt="CNY Celebration Program" onClick="javascript:window.open(\'../NewInfo/Y2007/2007cny_timetable_en.html\');" border="1" width="85" height="150">');
  frames["leftFrame"].document.writeln('<\/td>');
  frames["leftFrame"].document.writeln('<\/tr>');
  frames["leftFrame"].document.writeln('<\/table>');
*/


  frames["leftFrame"].document.writeln('<br><table border="0" cellspacing="0" cellpadding="0">');
/*  frames["leftFrame"].document.writeln('<tr><td>&nbsp;<\/td><\/tr><tr>');   */
  frames["leftFrame"].document.writeln('<td width="95" height="130" bgcolor="#FFFFFF" align="center">'); 
  frames["leftFrame"].document.writeln('<img src="../goddess/3goddess.jpg" alt="" onClick="javascript:parent.frames[\'rightFrame\'].location.href=\'goddess/tianhou.html\'" border="1" width="85" height="130">');
  frames["leftFrame"].document.writeln('<\/td>');
  frames["leftFrame"].document.writeln('<\/tr>');
  frames["leftFrame"].document.writeln('<\/table>');
  
  
  frames["leftFrame"].document.writeln('<br><table border="0" cellspacing="0" cellpadding="0">');
/*  frames["leftFrame"].document.writeln('<tr><td>&nbsp;<\/td><\/tr><tr>');   */
  frames["leftFrame"].document.writeln('<td width="95" height="130" bgcolor="#FFFFFF" align="center">'); 
  frames["leftFrame"].document.writeln('<img src="../NewInfo/book/suara-hainan33s.jpg" alt="Suara Hainan" onClick="javascript:window.open(\'../NewInfo/book/suaraHainan_announce_eng.htm\', \'\', \'height=330,width=450\');" border="1" width="85" height="125">');
  frames["leftFrame"].document.writeln('<\/td>');
  frames["leftFrame"].document.writeln('<\/tr>');
  frames["leftFrame"].document.writeln('<\/table>');


  frames["leftFrame"].document.writeln('<\/body>');
  frames["leftFrame"].document.writeln('<\/html>');
  frames["leftFrame"].document.close();
}

function write_children(parent_node) {
  var child_node;

  for (var counter=1; counter<parent_node.length; counter++) {
    child_node = parent_node[counter];

    var its_a_folder = true;
    if (child_node.length == 1) {
      its_a_folder = false;
    }


    if (!its_a_folder) {
      frames["leftFrame"].document.writeln('<table border="0" cellspacing="0" cellpadding="3">');
      frames["leftFrame"].document.writeln('<tr>');
      frames["leftFrame"].document.writeln('<td>');
      frames["leftFrame"].document.writeln('<img src="arrowYellow.gif">');

      frames["leftFrame"].document.writeln('<a href="javascript:parent.toggle_state(\'' + child_node[0].index + '\')">');

      frames["leftFrame"].document.writeln('<font size="3" color="yellow"><b>');

      frames["leftFrame"].document.writeln(child_node[0].text);
 

      frames["leftFrame"].document.writeln('<\/b><\/font><\/a>');
      frames["leftFrame"].document.writeln('<\/td>');
      frames["leftFrame"].document.writeln('<\/tr>');
      frames["leftFrame"].document.writeln('<\/table>');
    }

    if (its_a_folder) {
      frames["leftFrame"].document.writeln('<table border="0" cellspacing="0" cellpadding="3">');
      frames["leftFrame"].document.writeln('<tr>');
      frames["leftFrame"].document.writeln('<td>');
      frames["leftFrame"].document.writeln('<a href="javascript:parent.toggle_state(\'' + child_node[0].index + '\')">');

      frames["leftFrame"].document.writeln('<font size="3" color="#FFFFFF"><b>');

      frames["leftFrame"].document.writeln(child_node[0].text);
 

      frames["leftFrame"].document.writeln('<\/b><\/font><\/a>');
      frames["leftFrame"].document.writeln('<\/td>');
      frames["leftFrame"].document.writeln('<\/tr>');
      frames["leftFrame"].document.writeln('<\/table>');
    }

    if (child_node[0].state == "open") {
      write_children(child_node);
    }
  }
}

function toggle_state(node_index) {
  var current_node = nodes_array[node_index];

  current_state = current_node[0].state;

  if (current_state == "open") {
    current_node[0].state = "closed";
  } else {
    current_node[0].state = "open";
  }

  if (current_node.length == 1) {
    if (current_document != -1) {
      nodes_array[current_document].state = "closed";
    }
    current_document = current_node[0].index;
    if (current_node[0].url == "eng_edu") {
      open_WinEngEdu();
      return;
    }
	else if (current_node[0].url == "hainan_song") {
      open_WinHainanSong();
      return;
    }
    else {
      frames["rightFrame"].location = current_node[0].url;
    }
  }

  timeout_id = setTimeout("write_menu()", 50);
}

function change_all(new_state) {
  var current_node;

  for (counter=0; counter<nodes_array.length; counter++) {
    current_node = nodes_array[counter];

    if (current_node.length > 1) {
      current_node[0].state = new_state;
    }
  }
  
  timeout_id = setTimeout("write_menu()", 50);
}