function init() {
  replaceChecks();
}

var inputs;
var imgFalse = '/directory/images/graystar_icon.png';
var imgTrue = '/directory/images/star_icon.png';
//this function runs when the page is loaded, put all your other onload stuff in here too.
function replaceChecks() {
  
  //get all the input fields on the page
  inputs = document.getElementsByTagName('input');
  rateradios = new Array();
var cnt=0;
  //cycle trough the input fields
  for(var i=0; i < inputs.length; i++) {

    //check if the input is a checkbox
    if(inputs[i].getAttribute('id') == 'rate') {
      rateradios[cnt]=inputs[i];
      cnt++;
    }
  }
  for(var i=0;i < rateradios.length;i++){
  //  var z=rateradios[i];
      //create a new image
      var img = document.createElement('img');
      
      //check if the checkbox is checked
      if(rateradios[i].checked) {
        img.src = imgTrue;
      } else {
        img.src = imgFalse;
      }

      //set image ID and onclick action
      img.id = 'checkImage'+i;
      //set image 
      img.onmouseover = new Function('checkChange('+i+')');
      img.onclick = doSubmit;
      img.onmouseout = uncheckall;
      //place image in front of the checkbox
      rateradios[i].parentNode.insertBefore(img, rateradios[i]);
      
      //hide the checkbox
      rateradios[i].style.display='none';
    }
  
}

//change the checkbox status and the replacement image
function checkChange(i) {
  
  if(i==0){
  if(rateradios[0].checked){
  var firstrate=true;}
  else
  {firstrate=false;}}

  for(var j=0;j < rateradios.length;j++){
    rateradios[j].checked = '';
    document.getElementById('checkImage'+j).src=imgFalse;
  }
  for(var j=0; j < (i+1);j++) {
    if(firstrate){
      rateradios[0].checked = '';
      document.getElementById('checkImage'+0).src=imgFalse;
    }else{
    rateradios[j].checked = 'checked';
    document.getElementById('checkImage'+(j)).src=imgTrue;}
  }
  
}

function doSubmit(){
  //document.write("dsfs");
  document.forms['voteform'].submit();
}

function uncheckall(){
  for(var j=0;j < rateradios.length;j++){
    rateradios[j].checked = '';
    document.getElementById('checkImage'+j).src=imgFalse;
  }
}

function validateform() { 
  with (document.addform) {
    var i = 0; 
    var alertMsg = "The following REQUIRED fields\nhave been left empty:\n"; 
    if (text.value == ""){
      document.getElementById("text").style.borderColor = "red";
      i++;
    } else {document.getElementById("text").style.borderColor = "black";}
    if (title.value == ""){
      document.getElementById("title").style.borderColor = "red";
      i++;
    } else {document.getElementById("title").style.borderColor = "black";}
    if (category.selectedIndex==0){
      document.getElementById("category").style.borderColor = "red";
      i++;
    } else {document.getElementById("category").style.borderColor = "black";}
    if(i>0){
      return false;
    } 
  }
return true;
}

function validatereg() { 
  with (document.regform) {
    var i = 0; 
    if (name.value == ""){
      document.getElementById("name").style.borderColor = "red";
      i++;
    } else {document.getElementById("name").style.borderColor = "black";}
    if (mailr.value == ""){
      document.getElementById("mailr").style.borderColor = "red";
      i++;
    } else {document.getElementById("mailr").style.borderColor = "black";}
    if (pass1.value == ""){
      document.getElementById("pass1").style.borderColor = "red";
      i++;
    } else {document.getElementById("pass1").style.borderColor = "black";}
    if (pass2.value == ""){
      document.getElementById("pass2").style.borderColor = "red";
      i++;
    } else {document.getElementById("pass2").style.borderColor = "black";}
    
    if (!(pass1.value==pass2.value)){
      document.getElementById("pass1").style.borderColor = "red";
      document.getElementById("pass2").style.borderColor = "red";
      i++;      
    } else {
      document.getElementById("pass1").style.borderColor = "black";
      document.getElementById("pass2").style.borderColor = "black";
    }
    
    if (about.value == ""){
      document.getElementById("about").style.borderColor = "red";
      i++;
    } else {document.getElementById("about").style.borderColor = "black";}
    
    if(i>0){
      return false;
    } 
  }
return true;
}

function register(){
  document.getElementById("regdiv").style.display = "Block";
//  regdiv.style.display = "Block";
}