var mfFilePic = function(id, formData){
    
    var picClass = formData['fields'][id]['picClass'];
    /*
        inherit from base-class
    */
    var baseClass = new mfFile(id,formData);
    
    for (var i in baseClass) {
        if (typeof(baseClass[i]) == "function") {
            this[i] = baseClass[i];
        }
    }
    
    var onSuccessCallback = function(){
        //do notthing       
    };
    
    this.setOnSuccessCallback = function(callback){
         if (typeof(callback) == "function") {
            onSuccessCallback = callback;
        }
    }

    //dummy functions for the user-hooks
    var customOnSuccess = function (fileName,fileType,fileSize,tmpFileName,tmpFileUrl) {

        
        //if thumbnail were generated
        if(formData['fields'][id]['generateThumbnail'] == true)
        {
            //constuct the thumb url
            var thumbUrl = tmpFileUrl.replace(tmpFileName, formData['fields'][id]['thumbnailPrefix'] + tmpFileName);
                        
            $("#mariaForm_"+id+"_file").replaceWith("<img class='"+picClass+"' id='mariaForm_"+id+"_file' src='" + thumbUrl + "' />");
        }
        else
            $("#mariaForm_"+id+"_file").replaceWith("<img class='"+picClass+"' id='mariaForm_"+id+"_file' src='"+tmpFileUrl+"' />");
        
        onSuccessCallback(fileName,fileType,fileSize,tmpFileName,tmpFileUrl, id);
    }
    
    this.onSuccess(customOnSuccess);
    
    //call the user callback
     
};