function getElementsByClassName( strClassName, obj ) {
 var ar = arguments[2] || new Array();
 var re = new RegExp("\\b" + strClassName + "\\b", "g");
 if ( re.test(obj.className) ) {
  ar.push( obj );
 }
 for ( var i = 0; i < obj.childNodes.length; i++ )
  getElementsByClassName( strClassName, obj.childNodes[i], ar );
 return ar;
}

function toggle( targetId ){
 if (document.getElementById) {
  target = document.getElementById( targetId );
  if (target.style.display == "none"){
   target.style.display = "";
  }
  else {
   target.style.display = "none";
  }
 }
}

function turnoff( targetId ){
 if (document.getElementById) {
  target = document.getElementById( targetId );
  if (target.style.display != "none") {
   target.style.display = "none";
  }
 }
}

function turnon( targetId ){
 if (document.getElementById) {
  target = document.getElementById( targetId );
  if (target.style.display == "none") {
   target.style.display = "";
  }
 }
}

function rollon(img_name) {
 document[img_name].src = '/files/images/button-over.gif';
}

function rolloff(img_name) {
 document[img_name].src = '/files/images/button.gif';
}


function styleCheckboxesAndRadiobuttons() {
 var elements = document.getElementsByTagName('input');
 for (i = 0; i < elements.length; i++) {
  if (elements[i].type == 'checkbox' || elements[i].type == 'radio') {	
   switch (elements[i].className) {
    // Add other cases here for other symbols. Just remember 
    // to change in your css too.
    // The case is the same as the class you use when calling on the
    // input.
    case 'splash':
     createAlternateCheckboxOrRadiobutton(elements[i], i);
     break;
    case 'checkbox-levs':
     createAlternateCheckboxOrRadiobutton(elements[i], i);
     break;
   }
  }
 }
}

function createAlternateCheckboxOrRadiobutton(element, num) {
 var defaultClass = element.className + '-default';
 // Hide the original checkbox.
 element.style.display='none';
 // creates the new alternate checkbox
 var altElement = document.createElement('div');
 if (element.checked == true) {
  altElement.className = element.className;
 } 
 else {
  altElement.className = defaultClass;
 }
 altElement.id = 'alt-' + element.id;
 element.parentNode.appendChild(altElement);

 // Handles onclick event.
 altElement.onclick = function() {
  if (element.type == 'radio') {
   if (element.checked != true) {
    handleOnClickForRadiobuttons(element.name);
    element.checked = true;
    altElement.className = element.className;
    set_channels();
   }
   else {
    handleOnClickForRadiobuttons(element.name);
    element.checked = false;
    altElement.className = defaultClass;
   }
  }
  else if(element.type == 'checkbox') {
   if (element.checked != true) {
    element.checked = true;
    altElement.className = element.className;
    handleOnClickForCheckbox(element.name);
    set_radios();
   }
   else {
    element.checked = false;
    altElement.className = defaultClass;
    handleOnClickForCheckbox(element.name);
   }
  }
 }
}

function handleOnClickForRadiobuttons(name) {
 var radiobuttons = document.getElementsByName(name);
 for (i = 0; i < radiobuttons.length; i++) {
  if (radiobuttons[i].type == 'radio') {
   var altRadiobutton = document.getElementById('alt-' + radiobuttons[i].id);
   altRadiobutton.className = radiobuttons[i].className + '-default';
  }
 }
}

function handleOnClickForCheckbox(name) {
 //nop
}

function MyTurnOffRadiobuttons(name) {
 //alert('MyTurnOffRadiobuttons');
 var els = document.getElementsByName(name);
 for (i = 0; i < els.length; i++) {
  if (els[i].type == 'radio') {
   var altEl = document.getElementById('alt-' + els[i].id);
   els[i].checked = false;
   altEl.className = els[i].className + '-default';
  }
 }
}

function MyTurnOffCheckboxes(name) {
 //alert('MyTurnOffCheckboxes');
 //var els = document.getElementsByName(name);
 var els = document.getElementsByTagName('input');
 for (i = 0; i < els.length; i++) {
  //if (els[i].type == 'checkbox' && els[i].name==name) {
  if (els[i].type == 'checkbox') {
   var altEl = document.getElementById('alt-' + els[i].id);
   els[i].checked = false;
   altEl.className = els[i].className + '-default';
  }
 }
}

function MyTurnOnCheckboxes(name) {
 //alert('MyTurnOffCheckboxes');
 //var els = document.getElementsByName(name);
 var els = document.getElementsByTagName('input');
 for (i = 0; i < els.length; i++) {
  //if (els[i].type == 'checkbox' && els[i].name==name) {
  if (els[i].type == 'checkbox') {
   var altEl = document.getElementById('alt-' + els[i].id);
   els[i].checked = true;
   altEl.className = els[i].className;
  }
 }
}

function GetRadioButtonValue(name) {
 var radiobuttons = document.getElementsByName(name);
 for (i = 0; i < radiobuttons.length; i++) {
  if (radiobuttons[i].type == 'radio') {
   //var altRadiobutton = document.getElementById('alt-' + radiobuttons[i].id);
   //altRadiobutton.className = radiobuttons[i].className + '-default';
   if (radiobuttons[i].checked) return(radiobuttons[i].value);
  }
 }
}

function pageScroll(x,y) {
 window.scrollBy(x,y);
}

/*
window.onload = function() {
 styleCheckboxesAndRadiobuttons();
 //checkForLabels();
}
*/

