// **
// ** Caelum AJAX Library - caelum.js
// ** To Be Paired With caelum.php
// **
// ** Kingston Computer Planet dot com
// ** 


// Determine and create a browser object to fetch data
   var http = createRequestObject();
   function createRequestObject() {
      var ro;
      var browser = navigator.appName;
      if(browser == "Microsoft Internet Explorer"){
         ro = new ActiveXObject("Microsoft.XMLHTTP");
      }else{
         ro = new XMLHttpRequest();
      }
      return ro;
   }

// Define and empty a set of global variables to hold the id of where the data is going and what the data is.
   var returnto = "";
   var retdata = "";

// Call the PHP file to fetch and return data
//  > Vars: ret (id to return data to); action (data to pass to PHP file)
//  > This is where to add additional variables to pass along should need be
   function sndReq(ret,action,var1,var2) {
      http.open('get', '/caelum/caelum.php?action='+action+'&var1='+var1+'&var2='+var2);
      http.onreadystatechange = handleResponse;
      http.send(null);
      returnto = ret;
   }

// Receive the data, and save it to the global variable.
   function handleResponse() {
      if(http.readyState == 4){
         var response = http.responseText;
         retdata = response;
   // This line'll be gone someday
         swapData();
      }
   }

// THIS SECTION SHOULD BECOME OBSOLETE ... Eventually.... I need to get better at this first... --Tommy
 function switchtab(taction) {
   tresponse = '<img src="/images/'+taction+'.png" usemap="#tabstrip" border="0">';
   treturnto = "tabimg";
   document.getElementById(treturnto).innerHTML = tresponse;
 }

 function switchtitle(titleaction) {
   switch (titleaction) {
   case "tab1":
      titleresponse = '<p>Products</p>';
      break;
   case "tab2":
      titleresponse = '<p>Complete Systems</p>';
      break;
   case "tab3":
      titleresponse = '<p>Notebooks</p>';
      break;
   case "tab4":
      titleresponse = '<p>Servers</p>';
      break;
   default:
      titleresponse = 'Navigation';
   }
   titlereturnto = "vnav_head";
   document.getElementById(titlereturnto).innerHTML = titleresponse;
 }

 function cleartree() {
     document.getElementById("branch01").innerHTML = "";
     document.getElementById("branch02").innerHTML = "";
     document.getElementById("branch03").innerHTML = "";
     document.getElementById("branch04").innerHTML = "";
     document.getElementById("branch05").innerHTML = "";
     document.getElementById("branch06").innerHTML = "";
     document.getElementById("branch07").innerHTML = "";
     document.getElementById("branch08").innerHTML = "";
     document.getElementById("branch09").innerHTML = "";
     document.getElementById("branch10").innerHTML = "";
     document.getElementById("branch11").innerHTML = "";
     document.getElementById("branch12").innerHTML = "";
     document.getElementById("branch13").innerHTML = "";
     document.getElementById("branch14").innerHTML = "";
     document.getElementById("branch15").innerHTML = "";
     document.getElementById("branch16").innerHTML = "";
     document.getElementById("branch17").innerHTML = "";
     document.getElementById("branch20").innerHTML = "";
     document.getElementById("branch22").innerHTML = "";
     document.getElementById("branch23").innerHTML = "";
     document.getElementById("branch24").innerHTML = "";
     document.getElementById("branch25").innerHTML = "";
     document.getElementById("branch26").innerHTML = "";
     document.getElementById("branch27").innerHTML = "";
     document.getElementById("branch28").innerHTML = "";
 }


// Take the data we have now and swap it into the correct spot in the document
   function swapData() {
      document.getElementById(returnto).innerHTML = retdata;
   }