// JScript File

function showhide(obj)
{
    var lyr = document.getElementById(obj);
    
    if (lyr.style.display == "" || lyr.style.display == "none")
    {
        lyr.style.display = "block";
    } else {
        lyr.style.display = "none";
    }
    
}
function loadnavtop() {
//testobj = document.getElementById("showoutput");
showoutput("navdepartment");

}
function showoutput() {
/*    var newText= document.createTextNode(input);
    var newP = document.createElement("p");
    
    newP.appendChild(newText);
    document.getElementById("showoutput").appendChild(newP);
*/
var navUL = document.getElementById("navdepartment");
var showoutputDIV = document.getElementById("showoutput");
var numUL = document.getElementsByTagName("ul");
var numLI = document.getElementsByTagName("li");

//alert(navUL);
showoutputDIV.appendChild(document.createTextNode("ul:" + numUL.length + ", li:"));
showoutputDIV.appendChild(document.createTextNode(numLI.length));
//alert(allUL.length);

}

function traverseDomTree() {
  var body_element = document.getElementById("navdepartment");
  var DomTree = traverseDomTree_recurse(body_element, 0);
  //alert(node_text);
//  alert("The end"); 
}

function traverseDomTree_recurse(curr_element, level) {
  var i;
  if(curr_element.childNodes.length <= 0) {
    // This is a leaf node.
    if(curr_element.nodeName == "#text") {
      // This is a text leaf node,
      // with the following text.
      var node_text = curr_element.data;
     }
  } else {
    // Expand each of the children of this node.
    for(i=0; curr_element.childNodes.item(i); i++) {
      traverseDomTree_recurse(curr_element.childNodes.item(i), level+1);
    }
  }
}
function buildcolumns () {
    var col1 = document.createElement("div");
    var col2 = document.createElement("div");
    var col3 = document.createElement("div");
    
    col1.setAttribute("id", "col1")
    col2.setAttribute("id", "col2")
    col3.setAttribute("id", "col3")
    
    var newoutput = document.getElementById("showoutput");
    newoutput.appendChild(col1);
    
}
function buildjumpnav() {
    var mylist = document.getElementById("navdepartment");
    var ulistitems = mylist.getElementsByTagName("ul");
    var listitems = mylist.getElementsByTagName("li");
    var newoutput = document.getElementById("showoutput");
    
    var col1 = document.createElement("div");
    var col2 = document.createElement("div");
    var col3 = document.createElement("div");
    
    col1.setAttribute("id", "col1")
    col2.setAttribute("id", "col2")
    col3.setAttribute("id", "col3")
    
    for (i=0; i< listitems.length; i++) {
        col2.appendChild(listitems[i]);
    }
    
    //alert(ulistitems.length + ", " + listitems.length);
    //newoutput.appendChild(col2);
}
/**********************************************************
    Add an end-curve to .bannerimg in #categoryInfo by 
    appending #imgcurve div and adding a png via CSS  
 **********************************************************/
function categoryInfoCurve() {
    var categoryInfo = document.getElementById("categoryInfo");
    var newSpan = document.createElement('span');

    newSpan.setAttribute('id','imgcurve');
    if (categoryInfo)
    {
        categoryInfo.appendChild(newSpan); 
    }
}
window.onload=function(){
categoryInfoCurve();

/**************** Pre-load navtop background images *****************/
/*
if (document.images)
  {
    preload_image_object = new Image();
    // set image url
    image_url = new Array();
    image_url[0] = "skins/Skin_3/images/jumpnav-3cols.gif";
    image_url[1] = "skins/Skin_3/images/jumpnav-2cols.gif";
    image_url[2] = "skins/Skin_3/images/jumpnav-3cols-tall.gif";    

    var i = 0;
    for(i=0; i<image_url.length; i++)          
         preload_image_object.src = image_url[i];         
    }
*/
  
} //end window.onload=function(){