Custom OpenLayers mouse position format

CustomMousePositionControl.js

OpenLayers.Control.CustomMousePosition = OpenLayers.Class(OpenLayers.Control.MousePosition, {
    formatOutput: function(lonLat){  // override this function
        var formatLonLat = function(val, lon){
            var dir, degrees, minutes, seconds;
            if (lon) {
                dir = val >= 0 ? 'E' : 'W';
            } else {
                dir = val >= 0 ? 'N' : 'S';
            }
            val = Math.abs(val);
            degrees = Math.floor( val );
            minutes = Math.floor( (val - degrees ) * 60 );
            seconds = ((val - degrees - ( minutes / 60 )) * 3600).toFixed(4);

            return ""+degrees+"° "+minutes+"′ "+seconds+"″ "+dir;
        };
        var newHtml =
            this.prefix +
            formatLonLat(lonLat.lon, true) +
            this.separator +
            formatLonLat(lonLat.lat, false) +
            this.suffix;
        return newHtml;
    }
});