/*Gadget show by default*/

function toggle_init(el, link) {
  var screenshot = getElementsByClassName(document, '*', el);
  screenshot.style.display = 'none';
  var toggle_link = getElementsByClassName(document, '*', link);
  /*toggle_link.innerHTML = "View Screenshot";*/
}


/*Toggles the Google Gadget and its Screenshot*/
function toggle(el1,el2, link) {
  var gadget = getElementsByClassName(document, '*', el1);
  var screenshot = getElementsByClassName(document, '*', el2);
  var toggle_link = getElementsByClassName(document, '*', link);
  
  if(gadget.style.display == 'block' || screenshot.style.display == 'none') {
    screenshot.style.display = 'block';
    gadget.style.display = 'none';
    toggle_link.innerHTML = "Play Gadget";
    }
  else {
    gadget.style.display = 'block';
    screenshot.style.display = 'none';
    toggle_link.innerHTML = "View Screenshot";
  }
}
/*Like getElementsById but for for classes*/    
function getElementsByClassName(oElm, strTagName, strClassName){
  var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
  var arrReturnElements = new Array();
  strClassName = strClassName.replace(/\-/g, "\\-");
  var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
  var oElement;
  for(var i=0; i<arrElements.length; i++){
    oElement = arrElements[i];
    if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
    }
  }
  return arrReturnElements[0];
}