var TreeFile = "js/new_tree_script.txt";
var onclicked;
var items=13;
var TmpStr_0, TmpStr_1, LastIndex;
var maxDepth=0;
var imgdown="style/new_tree_icon/btn_item_p.png";
var imgright="style/new_tree_icon/arrow_right2.png";
var fLoad = true;
function onMouseTDOver(no_item,cur) 
{
  if(cur.className.indexOf("folder") >= 0){
    cur.className = "folder mouseover";
  }else if(cur.className.indexOf("selectedTD") < 0 ){
    cur.className = "item mouseover";
  }else if(cur.className.indexOf("selectedTD") >= 0 ){
    cur.className = "itemSel mouseover";
  }
}

function onMouseTDOut(no_item,cur) 
{
  if(no_item){
    cur.className = "folder selectedTD";
  }else if(cur.className.indexOf("folder") >= 0 ){
    cur.className = "folder";
  }else if(cur.className.indexOf("itemSel") >= 0 ){
    cur.className = "item selectedTD";
  }else if(cur.className.indexOf("selectedTD") < 0 ){
    cur.className = "item";
  }
}

function onTDClick(linkpath)
{
  location.href = linkpath;
}
function onDownloadDone(scriptText){
  TmpStr_0 = scriptText.replace(/^[\s]+/g,"").replace(/[\s]+$/g,"").split("\n");
  items = TmpStr_0.length;
  initTree();
}
function initTree()
{
  var i, grupEnd;
  var TempHTML;
  var depth;
  var maxWidth=150;
  for(i=0; i<items; i++) {
    depth = TmpStr_0[i].search("-");
    if(depth>maxDepth)
    maxDepth = depth;
  }
  maxDepth++;
  maxWidth = 10*maxDepth+150;
  TempHTML="<table border=\"0\" width=\""+maxWidth+"\" cellpadding=\"1\" cellspacing=\"0\" style=\"margin:10px 0px 0px 6px;\">";
  TempHTML+=BuildTree(0,items);
  TempHTML+="</table>";
  document.getElementById('TreeTmp').innerHTML = TempHTML;
  GetLangList();
  EID("langSel").value = langCoolie;
  alertRequest = 0;
  SendCGICMD("/lang_upload/langVersion",parseLang,true,-1);
}

function BuildTree(Tree_S,Tree_E){
  var i, grupEnd;
  var TempHTML="";
  var NodeType, NodeName, NodeLink, NodeLinkFolder;
  var TmpStr = new Array;
  var depth;
  var pathN = location.pathname.replace(".htm","");
  pathN = pathN.replace("/","");
  if(pathN == "")
  {
    pathN = "index";
  }else if(pathN == "setting"){ //EZVuu Quick connection
    pathN = "information";
  }
  for(i=Tree_S; i<Tree_E; i++) {
    TmpStr = TmpStr_0[i].replace(/[-|¡@]/g,"").split(",");
    NodeName = TmpStr[0];
    NodeType = TmpStr[1];
    NodeLink = TmpStr[2];
    NodeLinkFolder = TmpStr[3];
    depth = TmpStr_0[i].search("-");

    if(NodeType=="folder") 
    {
      TempHTML+=genFolder(i,grupEnd,NodeName,NodeLink,NodeLinkFolder,depth,pathN,maxDepth,0); 
    }else if(NodeType=="folder_No_Item"){
      TempHTML+=genFolder(i,grupEnd,NodeName,NodeLink,NodeLinkFolder,depth,pathN,maxDepth,1); 
    }else {
      TempHTML+=genItem(i,NodeName,NodeLink,NodeLinkFolder,depth,pathN,maxDepth); 
    }
  }
  TempHTML+=genLang();

  return TempHTML;
}

function genFolder(i,grupEnd,NodeName,NodeLink,NodeLinkFolder,depth, pathN, maxDepth, no_item)
{
  var tmp = "<tr id=\"layer"+i+"\" >";
  
  tmp +="<td>";
  tmp +="<img id=\"img"+i+"\" src=\""+imgright+"\"></td><td class=\"folder ";

  if(no_item && pathN==NodeLinkFolder)
  {
    tmp += " selectedTD";
    no_item = 1;
  }else{
    no_item = 0;
  }
  tmp += "\"";
  tmp += " onMouseOver=\"onMouseTDOver("+no_item+",this)\" onMouseOut=\"onMouseTDOut("+no_item+",this)\" ";
  tmp += " onClick=\"onTDClick('"+NodeLink+"')\" ";
  tmp += ">"+loadLangString(NodeName,false)+"</td></tr>";
  
  return tmp;
}

function genItem(i,NodeName,NodeLink,NodeLinkFolder,depth, pathN, maxDepth)
{
  var tmp = "<tr id=\"layer"+i+"\" >";
  tmp += " <td></td>";

  tmp += " <td id=\"item"+i+"\" class=\"item ";
  
  if( NodeLinkFolder.indexOf(pathN) != -1 && pathN!="")
  {
    tmp += " selectedTD";
  }
  tmp += "\" onClick=\"onTDClick('"+NodeLink+"')\" ";
  tmp += " onMouseOver=\"onMouseTDOver("+0+",this)\" onMouseOut=\"onMouseTDOut("+0+",this)\" ";
  tmp += ">"+loadLangString(NodeName,false)+"</td></tr>";
  
  return tmp;
}

function parseLang()
{
  if(request.readyState == 4){
    if(request.status == 200){
      var vLang=request.responseText;
      vLang = vLang.split(";");
      EID("langSel").options[EID("langSel").length] = new Option( vLang[1] ,"upload");
    }
  }
}

function genLang()
{
  var i = 0;
  var tmp = "<tr><td><img src=\""+imgright+"\"></td><td class=\"folder\" "
  tmp += " onMouseOver=\"onMouseTDOver("+0+",this)\" onMouseOut=\"onMouseTDOut("+0+",this)\" ";
  tmp += ">" + loadLangString("L_Language",false)+"</td></tr>";
  tmp += "<tr><td></td><td><select id=\"langSel\" class=\"select\" onchange=\"ChangeLang(this)\">";

  tmp += "</select></td></tr>";
  return tmp;
}

function CTree()
{
  if(!fLoad)
  {
    return;
  }
  fLoad = false;
  //IE and Not Mobile
  if( ( getOs().indexOf("IE") >= 0 )
      &&
      navigator.userAgent.indexOf("IEMobile") < 0 )
  {
	  TreeScr.startDownload(TreeFile, onDownloadDone);
  }else{
    var http_request;
    
    // Windows Mobile IE
    if( navigator.userAgent.indexOf("IEMobile") > 0 )
  	{
  	  http_request = new ActiveXObject("Microsoft.XMLHTTP");

    // Firefox , Safari ...
  	}else{
  	  http_request = new XMLHttpRequest();
  	}

    if(http_request.overrideMimeType){
      http_request.overrideMimeType('text/xml');
    }
	  http_request.open('GET',"js/new_tree_script.txt", false);
	  http_request.send(null);
    onDownloadDone(http_request.responseText);
  }
}