//functions.js

//Create a boolean variable to check for a valid IE instance.
var xmlhttp = false;

//Check if we are using IE.
try {
  //If the javascript version is greater than 5.
  xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
  //If not, then use the older active x object.
  try {
    //If we are using IE.
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (E) {
    //Else we must be using a non-IE browser.
    xmlhttp = false;
  }
}

//If we are using a non-IE browser, create a JavaScript instance of the object.
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
  xmlhttp = new XMLHttpRequest();
}

//A variable used to distinguish whether to open or close the calendar.
var showMto = true;
var showNew = true;
var showSto = true;
var showFit = true;
var showPad = true;
var showRoll = true;
var showVid = true;

function showHideCat(cat) {
  //hesido - get our element for updating
  var divUpdate=document.getElementById("other_cont"); 

  switch (cat) {
    case "mto" : showCat = showMto;
      break;
    case "new" : showCat = showNew;
      break;
    case "sto" : showCat = showSto;
      break;
    case "fit" : showCat = showFit;
      break;
    case "pad" : showCat = showPad;
      break;
    case "roll" : showCat = showRoll;
      break;
    case "vid" : showCat = showVid;
      break;
  } 	//alert(showCat);

  //The div location we are loading the page into.
  var objID = cat; //alert(objID);

  //Change the current image of the minus or plus.
  if (showCat == true){
    //Show the category content.
    document.getElementById("opencloseimg_" + cat).src = "../img/mins.gif";
    //The page we are loading.
    var serverPage = "faqs/faq_txt_" + cat + ".htm"; //alert(serverPage);
    //Set the open close tracker variable.
    switch (cat) {
      case "mto" : showMto = false;
        break;
      case "new" : showNew = false;
        break;
      case "sto" : showSto = false;
        break;
      case "fit" : showFit = false;
        break;
      case "pad" : showPad = false;
        break;
      case "roll" : showRoll = false;
        break;
      case "vid" : showVid = false;
        break;
    }

    var obj = document.getElementById(objID);
    xmlhttp.open("GET", serverPage);
    xmlhttp.onreadystatechange = function() {
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        obj.innerHTML = xmlhttp.responseText;
        //hesido - update when xmlhttp data is injected, making sure an error is not thrown (by checking for scrollupdate method)
        if(divUpdate!=null&&divUpdate.scrollUpdate) divUpdate.scrollUpdate();
      }
    }
    xmlhttp.send(null);
  } else {
    //Hide the category content.
    document.getElementById("opencloseimg_" + cat).src = "../img/plus.gif";
    switch (cat) {
      case "mto" : showMto = true;
        break;
      case "new" : showNew = true;
        break;
      case "sto" : showSto = true;
        break;
      case "fit" : showFit = true;
        break;
      case "pad" : showPad = true;
        break;
      case "roll" : showRoll = true;
        break;
      case "vid" : showVid = true;
        break;
    }

    document.getElementById(objID).innerHTML = "";

    //hesido - update also when removing
    if(divUpdate!=null&&divUpdate.scrollUpdate) divUpdate.scrollUpdate();

  }	
}

function loadYouTube(video) {
  document.getElementById('youtube').src = video;
}