/*
    Replace the input submit button with an image.
*/
loadImage = function(src, callback) {
    var img = new Image();
    if (callback) {
        img.onload = function() {callback(src, img);}
    }
    img.src = src;
}
replaceButtonWithImage = function(inputId, imageSrc) {
    
    imageLoaded = function(src, img) {
        var input = document.getElementById(inputId);
        input.style.backgroundImage='url('+src+')';
        input.style.border='solid 0px red';
        input.style.padding = '0px';
        input.style.width= img.width+'px';
        input.style.height= img.height+'px';
        input.value = '';
    }
    
    var is_safari = (document.childNodes)&&(!document.all)&&(!navigator.taintEnabled)&&(!navigator.accentColorName)?true:false;
    if (is_safari) {
        return;
    }
    
    loadImage(imageSrc, imageLoaded);
}