// Poor man's DOM Ready
if (document.all && !window.opera){ //Crude test for IE
  //Define a "blank" external JavaScript tag
  document.write('<script type="text/javascript" id="contentloadtag" defer="defer" src="javascript:void(0)"><\/script>')
  var contentloadtag=document.getElementById("contentloadtag")
  contentloadtag.onreadystatechange=function(){
  
    if (this.readyState=="complete") {
      // This sets the height of the top right elements for IE6
      try {
      var expert_qa_top_left = document.getElementById('SBExpertQA').offsetHeight;
      document.getElementById('SBExperQATopRight').style.height = (expert_qa_top_left + 4) + 'px';
      } catch (exception) {}
      try {
      var poll_top_left = document.getElementById('SBPoll').offsetHeight;
      document.getElementById('SBPollTopRight').style.height = (poll_top_left + 4) + 'px';
      } catch (exception) {}
    }
  }
}

// This is used to make custom check images in the place of radio buttons
function ToggleBG(Container,ElemID,ElemTag,CheckboxID)
{
  var Labels = document.getElementById(Container).getElementsByTagName(ElemTag);
  for(i=0; i<Labels.length; i++)
  {
    Labels[i].setAttribute("class","off");
  }
  var Inputs = document.getElementById(Container).getElementsByTagName('input');
  for(i=0; i<Inputs.length; i++)
  {
    if(Inputs[i].type=='radio')
    {
      Inputs[i].checked=0;
    }
  }
  var Element=document.getElementById(ElemID);
  Element.setAttribute("class","on");
  document.getElementById(CheckboxID).checked=1;
}

// This is used to clear the comment/send to friend forms.
function clickclear(thisfield, defaulttext) {
  if (thisfield.value == defaulttext) {
    thisfield.value = "";
  }
}

// This is used to clear the comment/send to friend forms.
function clickrecall(thisfield, defaulttext) {
  if (thisfield.value == "") {
    thisfield.value = defaulttext;
  }
}

// This helps highlight the star ratings in an expected manner
function toggleRatingButton(event) {
  if(typeof toggleRatingButton.initialStates == 'undefined') {
    toggleRatingButton.initialStates = Array();
  }

  var target = event.target ? event.target : event.srcElement;
  var li_collection = target.parentNode.parentNode.parentNode.getElementsByTagName('li');

  var init_anchor = 0;
  
  if(event.type == 'mouseover') {

    for(var i=0;i <= li_collection.length-1;i++) {
      var rating_anchor = li_collection[i].getElementsByTagName('label')[0].getElementsByTagName('a')[0];

      if(typeof toggleRatingButton.initialStates[i] == 'undefined') {
        toggleRatingButton.initialStates[i] = rating_anchor.className;
      }

      if(init_anchor == 0) {
        init_anchor = (target == rating_anchor) ? 1 : 0;
        rating_anchor.className = "StarOn";
      } else {
        rating_anchor.className = "StarOff";
      }

    }

  } else {

    for(var i=0;i <= li_collection.length-1;i++) {
      var rating_anchor = li_collection[i].getElementsByTagName('label')[0].getElementsByTagName('a')[0];

      if(typeof toggleRatingButton.initialStates[i] == 'undefined') {
        toggleRatingButton.initialStates[i] = rating_anchor.className;
      }
      
      if(toggleRatingButton.initialStates[i] == 'StarOn') {
        rating_anchor.className = "StarOn";
      } else {
        rating_anchor.className = "StarOff";
      }
    }

  }
}