function changeClass(varThis ,varState ,varAdress )
{                        
                
    if(varState =='normal')
    {
        varThis.className = 'x-btn-wrap x-btn';                    
        return false;                     
    }
    else if (varState == 'over')
    {
        varThis.className = 'x-btn-wrap x-btn x-btn-over';                    
        return false;                     
    }
    else if (varState == 'down')
    {                  
        varThis.className = 'x-btn-wrap x-btn x-btn-click';                    
        window.location = varAdress;      
        return false;                                              
    }
                 
    return true;
                
}         
            
function createButton(varParentName, varName , varAdress , varWidth)
{
    var varParent =  document.getElementById(varParentName);
              
    varParent.innerHTML =                
        '<table class="x-btn-wrap x-btn" onmouseover="changeClass(this,\'over\')" onmouseout="changeClass(this,\'normal\')" onmousedown="changeClass(this,\'down\',\''+varAdress+'\')" cellspacing="0" cellpadding="0" border="0" style="width:'+varWidth+';">'+
        '<tbody>'+
        '<tr>'+
        '<td class="x-btn-left"></td>'+
        '<td class="x-btn-center">'+varName+'</td>'+
        '<td class="x-btn-right"></td>'+
        '</tr>'+
        '</tbody>'+
        '</table>';      
                
}            
           
function createSubmitButton(varParentName, varName , varFormName , varWidth)
{
    var varParent =  document.getElementById(varParentName);
              
    varParent.innerHTML =                
        '<table  class="x-btn-wrap x-btn" onmouseover="changeClass(this,\'over\')" \n\
          onmouseout="changeClass(this,\'normal\')"\n\
          onmousedown="this.className = \'x-btn-wrap x-btn x-btn-click\';document.getElementById(\''+varFormName+'\').submit();" cellspacing="0" cellpadding="0" border="0" style="width:'+varWidth+';">'+
        '<tbody>'+
        '<tr>'+
        '<td class="x-btn-left"></td>'+
        '<td class="x-btn-center">'+varName+'</td>'+
        '<td class="x-btn-right"></td>'+
        '</tr>'+
        '</tbody>'+
        '</table>';      
                
}  


function setPopupVisible(obj)
{
  obj = document.getElementById(obj);
  obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible';
}


function textCounter(field,cntfield,maxlimit) 
{
    if (field.value.length > maxlimit) // if too long...trim it!
          field.value = field.value.substring(0, maxlimit);

    else cntfield.value = maxlimit - field.value.length;
}