function disableBtn(btn) {
  var className = btn.className;
  className = className.replace("Over","");
  className = className.replace("Click","");
  if( className.indexOf("Disabled") == -1) 
    className = className + "Disabled";
  btn.className = className;
  btn.style.cursor = "auto";
  btn.disabled = 1;
}

function enableBtn(btn) {
  var className = btn.className;
  className = className.replace("Over","");
  className = className.replace("Click","");
  className = className.replace("Disabled","");
  btn.className = className;
  btn.style.cursor = "pointer";
  btn.disabled = 0;
}

function rolloverImg(elem,fileFormat){                                
    var realImage = "";             // Should be empty. veriable to keep original background.
    if(fileFormat)
      var ext = "." + fileFormat;
    else
      var ext = ".gif";          // Define Extention .gif .png .jpg
    var over_ext = "_over" + ext;   // Define subfix of images. Such as: image1.gif, image1_over.gif, image1_down.gif
    var down_ext = "_click" + ext;  // Define subfix of images. Such as: image1.gif, image1_over.gif, image1_down.gif
    var regEx = /\.\w+$|\.\w+\)$/;  // Remove extention of the image
    
    if(elem.style.backgroundImage){      // if object has a background.
        realImage = elem.style.backgroundImage.replace(regEx,"");  //Take original background and replace with over image.
        elem.style.backgroundImage = realImage + over_ext +")";
    } else if(elem.src) {         // if object has a src .
        realImage = elem.src.replace(regEx,"");       //Take original background and replace with over image.
        elem.src = realImage + over_ext;
    } else if(elem.className) { // if object has a class.
        var className = elem.className;
        elem.className = className + "Over";
    }

    //if( realImage.indexOf("_red") != -1)
        //elem.style.color = "#761818";
    //else
        //elem.style.color = "#475A0F";

    elem.onmouseout = function(){ buttonOut(elem); }   // Define mouseout event.
    //elem.onmousedown = function(){ buttonDown(elem); } // Define mousedown event.
    //elem.onmouseup  = function(){ buttonUp(elem); }    // Define mouseup  event.

    var buttonOut = function(elem){      // on mouseOut revert back to original image.
                                                                    
        if( elem.disabled ){                                        
            return;                                                 
        }                                                           

        if(elem.style.backgroundImage){
            elem.style.backgroundImage = realImage + ext + ")";
        } else if(elem.src) {
            elem.src = realImage + ext;
        } else if(elem.className){
            var className;
            className = elem.className.replace("Over","");
            className = className.replace("Click","");
            elem.className = className;
        }
        //elem.style.color = "#F9F9F9";
    }

    var buttonUp = function(elem){      // on mouseUp revert back to mouseover image.
                                                                               
        if( elem.disabled ){                                                  
            return;                                                           
        }                                                                      

        if(elem.style.backgroundImage){
            elem.style.backgroundImage = realImage + over_ext +")";
        } else if(elem.src) {
            elem.src = realImage + over_ext;
        } else if(elem.className) {
            var className;
            className = elem.className.replace("Click","Over");
            elem.className = className;
        }
    }

    var buttonDown = function(elem){    // on mouseDown replace with mouseDown image.

        if( elem.disabled ){
            return;
        }

        if(elem.style.backgroundImage){
            elem.style.backgroundImage = realImage + down_ext +")";
        } else if(elem.src) {
            elem.src = realImage + down_ext;
        } else if(elem.className) {
            var className;
            className = elem.className.replace("Over","Click");
            elem.className = className;
        }
    }
}

function sendingData() {
  document.getElementById("sendingDataInfo").style.display = "block";
}