window.onload = function(){
    Event.observe("addnew","focus",addOption);

    Event.observe("qname","focus",unhint);
    Event.observe("qname","blur",hint);
    
    Event.observe("label1","focus",unhint);
    Event.observe("label1","blur",hint);
    Event.observe("label2","focus",unhint);
    Event.observe("label2","blur",hint);
    Event.observe("poll_type","change",changeType);
    $("qname").focus();
}
function unhint(event){
    var clsName = Event.element(event).className;
    if(clsName == "hint radio"){
      Event.element(event).className = "radio";
      Event.element(event).value     = "";
    }
    if(clsName == "hint"){
        Event.element(event).className = "";
        Event.element(event).value     = "";
    }
}
function hint(event){
    var val     = Event.element(event).value;
    var clsName = Event.element(event).className;
    var ident   = Event.element(event).id;
    var posit   = parseInt(ident.substring(5));//get label number
    if(val == ""){
      if(clsName == "radio"){
         Event.element(event).className = "hint radio";
         Event.element(event).value     = "Choice "+posit;
      }else{
         Event.element(event).className = "hint";
         Event.element(event).value     = "Enter question..";
      }
      
    }
}
function changeType(event){
    for(var i = 0; i < $('create').elements.length ;i++){
            if($('poll_type').value  == '1'){
                  if($('create').elements[i].type == 'checkbox'){
                       $('create').elements[i].type = 'radio';
                  }
            }else if($('poll_type').value == '2'){
                  if($('create').elements[i].type == 'radio'){
                       $('create').elements[i].type = 'checkbox';
                  }
            }
    }

}
function addOption(event) {
    var newinput = document.createElement('li');
    var kount    = parseInt($('count').value)+1;
    newinput.setAttribute('id','li'+kount);
    newinput.setAttribute('name','li'+kount);
    newinput.setAttribute('style','');
    var poll_type = '';
    if ($('poll_type').value == '1'){
         poll_type = 'radio';
    }else if($('poll_type').value== '2'){
         poll_type = "checkbox";
    } 
    newinput.innerHTML = "<input name='choice'  id='choice"+kount+"' type='"+poll_type+"' value='"+kount+"' disabled='disabled' /> "+
                         "<input class='hint radio'   name='label"+kount+"'  id='label"+kount+"'  type='text'  value='Choice "+kount+"' /> "+
                         "<a href='#' onclick='removeElement(\""+'li'+kount+"\")'>x</a>";
    $('optionlist').insertBefore(newinput,$('addoption'));
    Event.observe("label"+kount,"focus",unhint);
    Event.observe("label"+kount,"blur",hint);
    $('label'+kount).focus();
    $('count').value = kount;
}
function removeElement(eleID){
    $('optionlist').removeChild($(eleID));
}


function validate(formV){
    if( formV.qname.className == "hint" ){
        alert("Question name is blank");
        formV.qname.focus();
        return false;
    }
    if( formV.qname.value == "" ){
        alert("Question name is blank");
        formV.qname.focus();
        return false;
    }
    return true;
}