function showImage(previewId,fileSource,xsize,ysize) 
{
    if(document.getElementById(previewId)) {
        var previewImage = document.getElementById(previewId);
        if(fileSource) {
            fileEndsWith = fileSource.substring(fileSource.lastIndexOf(".")+1).toLowerCase();
            if(fileEndsWith != "jpg" && fileEndsWith != "jpeg" && fileEndsWith != "gif" && fileEndsWith != "png") {
                var errorText = "Please choose a proper image";
                alert(errorText);
                previewImage.src = "nosource.gif";
                return false;
            }
            else { 
                srcstr="file://"+fileSource;
                alert(srcstr);
                previewImage.src = srcstr;
                pre=new Image();
                pre.src=srcstr;
                var width =pre.width;
                var height=pre.height;
                alert(srcstr+" wh "+width+height+previewImage.width);
                var xscale=xsize/width;
                var yscale=ysize/height;
                var scale = Math.min(xscale,yscale);
                alert("scale"+scale);
                if (scale < 1)  {
                    alert("scale"+scale)
                    width = Math.floor(scale*width);
                    height = Math.floor(scale*height);
                }
                /* previewImage.width = width;
                previewImage.height = height; */
                return true;
            }
        }
        else {
            return;
        }
    }
    else {
        return;
    }
}