if(document.images) {
	var bgImg1 = new Image();
	var bgImg2 = new Image();
	bgImg1.src = "images/bg.gif";
	bgImg2.src = "images/bg_with_side.gif";
}

function showById(id){
  var com = document.getElementById(id);
  if(com){
    hideAll();
    com.className = com.className.replace(" hidden", " visible");
  }
}

function setBg(type){
  if(!document.all) body=document.getElementById("body");
  switch(type){
    case 'commodity':
      body.className = "withCommodityBg";
      break;
    case 'section':
    default:
      body.className = "withSectionBg";
      break;
  }
}

function toggle(id) {
    o = document.getElementById(id);
    hideNode(o);
}

function hideNode(o) {
    if(o.className.indexOf("hidden") < 0) {
        o.className = o.className + " hidden" || "hidden";
        o.style.display = "none";
    } else {
        o.className = o.className.replace(/\s*hidden/, "");
        o.style.display = "";
    }
}

function hideAll(){
  var holder = document.getElementById('content');

  for(var i=0; i<holder.childNodes.length; i++){
    curNode = holder.childNodes[i];

    if(curNode.nodeName == "DIV") {
      curNode.className = curNode.className.replace(" visible", " hidden");
    }
  }
}

function showChildrenById(id){
  parentNode = document.getElementById(id);

  if(parentNode){
    parentNode.className = parentNode.className.replace(" hidden"," visible");
    for(var i=0; i<parentNode.childNodes.length;i++){
      curNode = parentNode.childNodes[i];
      if(curNode.nodeName == "DIV") {curNode.className = curNode.className.replace(" hidden"," visible");}
    }
  }
}

function hideChildrenById(id){
  var parentNode = document.getElementById(id);
  if(parentNode){
    for(var i=0; i<parentNode.childNodes.length; i++){
      curNode = parentNode.childNodes[i];
      if(curNode.nodeName == "DIV") curNode.className = curNode.className.replace(" visible", " hidden");
    }
  }
}