/**
 * Context sensitive help for SMW+
 *
 * It uses a DIV element with id 'smw_csh' to add a help label. If this is not
 * available the DIV will be created as the first child of the 'innercontent'
 * div, which means, it appears between the tab section and the main head line.
 */

var SMW_UserManual_CSH = Class.create();
SMW_UserManual_CSH.prototype = {
    initialize: function(label) {
        // current csh page
        this.cshPage=null
        // get the container <div id="smw_csh"></div>
        var div = document.getElementById('smw_csh');
        if (! div) { // it's not in the skin. Create it
            div = document.createElement('div')
            div.id = 'smw_csh'
            div.style.textAlign = 'right'
            // and insert it below the <div id="content">
            var contentDiv = document.getElementById('content')
            if (!contentDiv) return 
            var child = contentDiv.firstChild
            if (child.nodeType == 1)
                document.getElementById('content').insertBefore(div, child)
            // we can't insert it before a text node, therefore look for the
            // first child which is an element node.
            else if (child.nodeType == 3) {
                while (child) {
                    child = child.nextSibling
                    if (child && child.nodeType == 1)
                        document.getElementById('content').insertBefore(div, child)
                }
            }
            // set the link inside the div container
            div.innerHTML = '<a href="#" onclick="javascript: smwCsh.loadPopup(); return false">'
                          + label + '</a>';
        }
        else {
            // any link inside the div
            var a = div.getElementsByTagName('a')
            if (a.length == 0) // no link inside the div, then sourround one
                div.innerHTML='<a href="#" onclick="javascript: smwCsh.loadPopup(); return false">'+
                    div.innerHTML+'</a>'
            else // add onclick attribute for the link
                a[0].onclick = 'javascript: smwCsh.loadPopup(); return false'
        }
        
        // predefined tempolate calls that will be inserted when creating a new page
        // in the smw+ forum, these are comments (public and internal) send by the users
        this.txtCommentCsh = '{{Comment|CommentPerson=%%%1%%%'
            +'|CommentRelatedArticle=Help:%%%2%%%|CommentRating=%%%3%%%'
            +'|CommentDatetime=%%%4%%%|CommentContent=%%%5%%%|CommentFromWiki=%%%6%%%'
            +'|CommentOnPage=%%%7%%%|CommentAtAction=%%%8%%%|}}'
        this.txtAskYourQuestion= '{{AskYourOwnHelpQuestion|CommentPerson=%%%1%%%'
            +'|CommentDiscourseState=%%%2%%%|CommentRating=%%%3%%%'
            +'|CommentDatetime=%%%4%%%|CommentContent=%%%5%%%|CommentFromWiki=%%%6%%%'
            +'|CommentOnPage=%%%7%%%|CommentAtAction=%%%8%%%|}}'
        this.txtCommentComponent= '{{LeaveCommentForComponent|CommentPerson=%%%1%%%'
            +'|CommentRelatedComponent=%%%2%%%|CommentRating=%%%3%%%'
            +'|CommentDatetime=%%%4%%%|CommentContent=%%%5%%%|CommentFromWiki=%%%6%%%'
            +'|CommentOnPage=%%%7%%%|CommentAtAction=%%%8%%%|}}'
        // bugzilla data for reporting bugs to SMW+
        this.txtBugReport= 'product=SemanticWiki&cf_issuetype=Bug&bug_serverity=normal&'
            +'short_desc=automatic+bug+report+from+UserManual+Extension&'
            +'comment=%%%1%%%&browser=%%%2%%%&operatingsystem=%%%3%%%&'
            +'rep_platform=Other&bug_file_loc=&fingerprint=&'
            +'version=%%%4%%%&component=%%%5%%%'
        // mapping discourse state to component,
        // if a discourse state is not listed here, component will be Miscellaneous
        this.component= {
            'SemanticForms' : 'Semantic Forms Extension Core',
            'EditWYSIWYG' : 'FCK-Editor Extension Core',
            'OntologyBrowser' : 'Ontology Browser',
            'QueryInterface' : 'Query Interface',
            'SemanticNotifications' : 'Semantic Notifications',
            'UnifiedSearch' : 'Combined Search',
            'SemanticToolbar' : 'Semantic Toolbar',
            'HaloAutoCompletion' : 'Autocompletion',
            'HaloACL' : 'HaloACL',
            'Webservice' : 'Web Services',
            'Gardening' : 'Gardening',
            'ImportVocabulary' : 'DataAPI',
            'Annotate' : 'Annotations'
        },
        // namespace in the SMW forum for comments and feedback entries
        this.smwCommentNs = "Comment" 
        this.msgYourRatingHasBeenSend = 'Your comment has been filed in the SMWforum.\nThank you!'
        this.msgYourRatingHasBeenSendNot = 'An error occurred when sending your comment to the SMWforum.'
        if (typeof umegSmwForumUrl != "undefined")
            this.msgYourRatingHasBeenSendWithLink = 'Your comment has been filed in the SMWforum (click here to open it: '+
                '<a href="'+umegSmwForumUrl+'?title=Help:%%%s%%%"><br>Thank you!'
        this.msgYourQuestionHasBeenSend = 'Your question has been send to the SMW+ team.\nThank you!'
        this.msgYourQuestionHasBeenSendNot = 'An error occurred when sending your question to the SMW+ team.'
        this.msgYourCommentHasBeenSend = 'Your comment has been send to the SMW+ team.\nThank you!'
        this.msgYourCommentHasBeenSendNot = 'An error occurred when sending your comment to the SMW+ team.'
        this.msgYourBugHasBeenSend = 'Your bug has been filled in the SMW+ Bugzilla.\nThank you!'
        this.msgYourBugHasBeenSendNot = 'An error occurred when filling your bug report in the SMW+ Bugzilla.'
        // initialize headline of popup and alt text for close button and send message for alert box
        this.headline=''
        this.closeLabel=''
    },
    
    /**
     * fills the content box of the popup with some html received by an ajax call
     *
     * @param Object request
     */
    setContent: function(request) {
        var resObj = !(/[^,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]/.test(request.responseText.replace(/"(\\.|[^"\\])*"/g, '')))
             && eval('(' + request.responseText + ')')
        if (resObj.selection)
            document.getElementById('smw_csh_selection').innerHTML=resObj.selection
        if (resObj.content)
            document.getElementById('smw_csh_answer').innerHTML=resObj.content
        document.getElementById('smw_csh_link_to_smw').innerHTML=resObj.link?resObj.link:''
        if (resObj.title)
            document.getElementById('smw_csh_answer_head').innerHTML=resObj.title
        // resize the smw_csh_content div if visible
        if (document.getElementById('smw_csh_answer').style.display != 'none') {
            var dim = this.getContentSize()
            document.getElementById('smw_csh_answer').style.width = (dim[0]-5)+'px'
            document.getElementById('smw_csh_answer').style.height = dim[1]+'px'
            if (document.getElementById('smw_csh_selection').getElementsByTagName('select').length > 0)
                document.getElementById('smw_csh_selection').getElementsByTagName('select')[0].style.width=(dim[0]-3)+'px'
        }
        // make rating viewable when a help topic is selected
        var divRating = document.getElementById('smw_csh_rating')
        if (!resObj.selection && divRating && divRating.style.display == 'none')
            divRating.style.display=''
    },

    switchTab: function(td){
        if (td && td.className == "cshTabInactive") {
            var idxL=2
            var idxR=5
            // IE doesn't count whitespace children
            if (td.parentNode.childNodes.length == 5) {
               idxL=1
               idxR=3
            }
            if (td.parentNode.childNodes[idxR] == td) {
                td.parentNode.childNodes[idxL].className = "cshTabInactive"
                document.getElementById('smw_csh_answer').parentNode.style.display='none'
                document.getElementById('smw_csh_feedback').parentNode.style.display='block'
            } else {
                td.parentNode.childNodes[idxR].className = "cshTabInactive"
                document.getElementById('smw_csh_answer').parentNode.style.display='block'
                document.getElementById('smw_csh_feedback').parentNode.style.display='none'
            }
            td.className="cshTabActive"
        }
    },

    setHeadline: function(label) {
        this.headline = label
    },

    setCloseLabel: function(label) {
        this.closeLabel = label
    },

    /**
     * calls the popup, makes it visible to the user. Also two event handlers
     * mousedown and mouseup are registered, which toggle the dragging (i.e. after
     * a mousedown event and before receiving the mouseup event the mouse key is
     * pressed and the window can be dragged.
     */
    loadPopup: function() {
        var setContent=0
        if (!this.popup) {
            this.popup = new DndPopup('smw_csh_popup', this.headline, umegPopupWidth+'px', umegPopupHeight+'px')
            setContent=1
        }
        this.popup.preserveContent=1
        this.popup.closeImage=DND_POPUP_DIR+'/skins/close.gif'
        this.popup.closeImageAlt=this.closeLabel
        this.popup.actionOnClose="smwCsh.closeBox();"
        this.popup.attachTo=document.getElementById('content')

        // clicking on the help link again will hide the popup
        if (this.popup.isVisible()){
            this.popup.close()
            return
        }
        this.popup.open()
        if (setContent) {
            var cont = document.getElementById('smw_csh_rendered_boxcontent')
            this.popup.setHtmlContent(cont.innerHTML)
            cont.parentNode.removeChild(cont)
        }
            
        var ds = this.getDiscourseState()
        sajax_do_call('wfUmeAjaxGetArticleList', ds, this.setContent.bind(this))
    },

    /**
     * hides the help popup and releases the drag and drop events.
     */
    closeBox: function(){
        this.popup.close()
    },

    /**
     * Ajax call for getting the rendered HTML page of a help article
     * @param string page name
     */
    getPageContent: function(page) {
        this.cshPage=page
        sajax_do_call('wfUmeAjaxGetArticleHtml', [page], this.setContent.bind(this))
    },

    /**
     * The div box that contains the page content of a help page need width and
     * height to be set so that scrolling works. Relative size parameters (in %)
     * don't work. Therefore calculate the space that's left for the content box
     * @return array(int) width, height
     */
    getContentSize: function() {
        var node = document.getElementById('smw_csh_answer')
        var dim=[0,0]
        while (node) {
            if (node.id == 'smw_csh_popup') break
            dim[0]+=node.offsetLeft
            dim[1]+=node.offsetTop
            node=node.parentNode
        }
        dim[1]+=document.getElementById('smw_csh_link_to_smw').offsetHeight-10
        return [umegPopupWidth-dim[0],umegPopupHeight-dim[1]]
    },

    /**
     * if a radio input type is clicked for rating, a textbox automatically
     * appears below the radio inputs. This is done here
     */
    openRatingBox: function(){
        var obj=document.getElementById('smw_csh_rating_box')
        if (obj && obj.style.display=='none') {
            obj.style.display=''
            var arrow=document.getElementById('smw_csh_rating').getElementsByTagName('img')[0]
            arrow.src=arrow.src.replace(/right\.png/,'down.png')
        }
    },

    /**
     * send the rating text inlcuding the rating itself to the smw Forum
     */
    sendRating: function(){
        var comment = document.getElementById('smw_csh_rating_box').getElementsByTagName('textarea')[0].value
        var rating;
        if (document.getElementsByName('smw_csh_did_it_help')[0].checked) rating = 1
        if (document.getElementsByName('smw_csh_did_it_help')[1].checked) rating = -1
        if (this.cshPage != null && rating != null) {  
            var txt = this.getTemplateStr(this.txtCommentCsh, rating, comment, this.cshPage)
            txt='action=r&user='+escape(umegSmwforumUser)+'&pass='+escape(umegSmwforumPass)+'&text='+escape(txt)
            this.sendMessage=1
            sajax_do_call('wfUprForwardApiCall', [umegSmwForumCommentUrl, txt], this.alertUserMessage.bind(this))
        }
    },
    
    /**
     * uncheck any value in the radio input and empty any comment in the rating
     * textarea
     */
    resetRating: function(){
        document.getElementById('smw_csh_rating_box').getElementsByTagName('textarea')[0].value='';
        document.getElementsByName('smw_csh_did_it_help')[0].checked='';
        document.getElementsByName('smw_csh_did_it_help')[1].checked='';
        this.hideRatingBox()
    },

    /**
     * hide the rating box below the radio input
     */
    hideRatingBox: function(){
        var obj=document.getElementById('smw_csh_rating_box')
        if (obj && obj.style.display!='none') {
            obj.style.display='none'
            var arrow=document.getElementById('smw_csh_rating').getElementsByTagName('img')[0]
            arrow.src=arrow.src.replace(/down\.png/,'right.png')
        }
    },

    /* the following function work on the feedback tab */

    /**
     * opens the feedback box for sending a bug report, general comment or
     * ask you own question. This function gets called when clicking on the
     * headline of the comment box (launched by the onclick event which is in
     * the page html defined). Closing stuff goes in an exta method because
     * this happens also if someone clicks on the submit buttons below the
     * textarea in an open comment box.
     *
     * @param DomNode tr of the current comment box
     */
    openCommentBox: function(el){
        if (!el) return
        var arrow=el.getElementsByTagName('img')[0]
        if (arrow.src.indexOf('right.png')!= -1) {
            // close any other box that might be open
            var boxes=document.getElementById('smw_csh_feedback').getElementsByTagName('table')
            for (var i=0; i<boxes.length; i++)
                this.closeCommentBox(boxes[i].getElementsByTagName('tr')[0])
            // now open the box that we want
            arrow.src=arrow.src.replace(/right\.png/, 'down.png')
            var table=el
            while (table.tagName != 'TABLE')
               table=table.parentNode
            table.className='cshFeedbackFrameActive'
            this.getCommentBox(el)
        }
        else
            this.closeCommentBox(el)
    },

    /**
     * create the comment box (textarea and buttons for sending and reset) below
     * the comment headline inside the box
     * @param DomNode tr of the current comment box
     */
    getCommentBox: function(el){
        var tr=document.createElement('tr')
        var td=document.createElement('td')
        td.setAttribute('colspan', '2')
        var textarea=document.createElement('textarea')
        textarea.rows=3
        textarea.style.width='98%'
        td.appendChild(textarea)
        tr.appendChild(td)
        el.parentNode.appendChild(tr)

        tr=document.createElement('tr')
        td=document.createElement('td')
        td.setAttribute('colspan', '2')
        var button=document.createElement('input')
        button.type='submit'
        button.name='cshsend'
        button.value='Submit feedback'
        button.style.fontWeight="bold"
        Event.observe(button, 'click', smwCsh.sendCommentBox.bindAsEventListener(this))
        td.appendChild(button)

        var button=document.createElement('input')
        button.type='submit'
        button.name='cshreset'
        button.value='Reset'
        Event.observe(button, 'click', smwCsh.sendCommentBox.bindAsEventListener(this))
        td.appendChild(button)
        tr.appendChild(td)
        el.parentNode.appendChild(tr)
    },

    /**
     * send comment (or just close the box) after hitting one of the buttons
     * below the content box
     * @param Object Event
     */
    sendCommentBox: function(e){
        if (!e) e=window.event
        var eL = e.srcElement ? e.srcElement : e.target ? e.target : e.currentTarget
        if (eL.name=='cshsend') {
            var tbody=eL.parentNode.parentNode.parentNode
            var txt=tbody.getElementsByTagName('textarea')[0].value
            if (txt.replace(/ $/g,'').replace(/^ /, '').length==0) {
                this.closeCommentBox(eL)
                return
            }
            this.boxElement=eL
            var img=tbody.getElementsByTagName('img')[1].src
            img=img.substr(img.lastIndexOf('/')+1)
            if (img=='question.png') {
                this.sendMessage=2
                var tmpStr=this.getTemplateStr(this.txtAskYourQuestion, '', txt, this.getSingleDiscourseState())
                tmpStr='action=q&user=u&pass=p&text='+escape(tmpStr)
                sajax_do_call('wfUprForwardApiCall', [umegSmwForumCommentUrl, tmpStr], this.alertUserMessage.bind(this))
            }
            else if (img=='comment.png') {
                this.sendMessage=3
                var tmpStr=this.getTemplateStr(this.txtCommentComponent, '', txt, this.getSingleDiscourseState())
                tmpStr='action=c&user=u&pass=p&text='+escape(tmpStr)
                sajax_do_call('wfUprForwardApiCall', [umegSmwForumCommentUrl, tmpStr], this.alertUserMessage.bind(this))
            }
            else if (img=='bug.png') {
                this.sendMessage=4
                var tmpStr=this.getBugreportStr(txt)
                tmpStr='action=b&user='+escape(umegSmwforumUser)+'&pass='+escape(umegSmwforumPass)+'&text='+escape(tmpStr)
                sajax_do_call('wfUprForwardApiCall', [umegSmwForumCommentUrl, tmpStr], this.alertUserMessage.bind(this))
            }
        }
        else this.closeCommentBox(eL)
    },

    /**
     * closes the comment box. This happens when the header (textlabel) is clicked
     * or one of the buttons is clicked.
     * @param DomNode clickedElement node (input or tr)
     */
    closeCommentBox: function(n){
        if (n.tagName=='INPUT')
            n=n.parentNode.parentNode.parentNode
        else
            n=n.parentNode
        if (n.childNodes.length<3) return;
        n.removeChild(n.lastChild)
        n.removeChild(n.lastChild)
        n.getElementsByTagName('img')[0].src=
            n.getElementsByTagName('img')[0].src.replace(/down\.png/, 'right.png')
        n.getElementsByTagName('td')[0].style.fontWeight=''
        var table=n
        while (table.tagName != 'TABLE')
            table=table.parentNode
        table.className='cshFeedbackFrame'
    },
    /* function for the feedback tab end here */

    /* general functions for the CSH help */
    alertUserMessage: function(response) {
        var res = response.responseText
        res='0'
        var msg;
        if (this.sendMessage==1) {
            msg = (res=='0')?this.msgYourRatingHasBeenSend:this.msgYourRatingHasBeenSendNot;
            if (res=='0') this.resetRating()
        }
        else if (this.sendMessage==2)
            msg = (res=='0')?this.msgYourQuestionHasBeenSend:this.msgYourQuestionHasBeenSendNot;
        else if (this.sendMessage==3)
            msg = (res=='0')?this.msgYourCommentHasBeenSend:this.msgYourCommentHasBeenSendNot;
        else if (this.sendMessage==4)
            msg = (res=='0')?this.msgYourBugHasBeenSend:this.msgYourBugHasBeenSendNot;
        if (this.boxElement && res=='0')
            this.closeCommentBox(this.boxElement)
        alert(msg)
        this.sendMessage=null
        this.boxElement=null
    },
    getSingleDiscourseState: function(all) {
        var ds = this.getDiscourseState()
        // drop unimportand states
        for (i=0; i<ds.length; i++) {
            if (ds.length > 1 && 
                (ds[i]=='SemanticForms' || ds[i]=='HaloAutoCompletion' || ds[i]=='EditWikisyntax' || ds[i]=='preview'))
                ds.splice(i, 1)
        }
        // the first one is the most important one
        if (!all) return ds[0]
        return ds
    },
    
    /**
     * check pages, elements and variables in the current page to guess
     * the current discourse states. All which apply will be returned in an
     * array
     * @return Array ds
     */
    getDiscourseState: function(){
        // available disource states: http://dmwiki.ontoprise.com:8888/dmwiki/index.php/Help_articles_structure
        var ds = new Array()
        // check any special page that we know of
        switch (wgCanonicalSpecialPageName) {
            case 'OntologyBrowser':ds.push('OntologyBrowser');break
            case 'QueryInterface':ds.push('QueryInterface');break
            case 'AddData':
            case 'EditData':ds.push('SemanticForms');break
            case 'Export':ds.push('Export');break
            case 'Watchlist':ds.push('Watchlist');break
            case 'DataImportRepository':ds.push('ImportVocabulary');break
            case 'DefineWebService':
            case 'UseWebService':ds.push('WebService');break
            case 'LODTrust':ds.push('LODTrust');break
            case 'CheckInstallation':ds.push('CheckInstallation');break
            case 'Gardening':
            case 'GardeningLog':ds.push('Gardening');break
            case 'SemanticNotifications':ds.push('SemanticNotifications');break
            case 'Search':if (document.getElementById('us_searchform') &&
                               document.getElementById('us_searchfield'))
                               ds.push('UnifiedSearch');
                           break

        }
        // FCKeditor/CKeditor object exists?
        if ( (typeof FCKeditor != "undefined") ||
             (typeof CKEDITOR != "undefined") )
            ds.push('EditWYSIWYG')
        // Semantic Toolbar div exists, and toolbar is visible?
        if (document.getElementById('semtoolbar') &&
            typeof stb_control != "undefined" && 
            stb_control.isVisible()) ds.push('SemanticToolbar')
        // any input element with class wick (ignore the search field)
        if (this.elementsWithHaloAc()) ds.push('HaloAutocompletion')
        // check namespace
        switch (wgNamespaceNumber) {
            case 14:ds.push('Category');break
            case 10:ds.push('Template');break
            case 102:ds.push('Property');break 
            case -1:ds.push('SpecialPages');break
        }
        // check the action parameter
        switch (wgAction) {
            case 'edit':if ((typeof FCKeditor == "undefined") ||(typeof CKEDITOR == "undefined")) ds.push('EditWikisyntax');break
            case 'annotate':ds.push('Annotate');break
            case 'submit' :ds.push('Preview');break
            case 'formedit':ds.push('SemanticForms');break
            case 'history':ds.push('History');break
        }
        // add general help topics only if the user is browsing an ordinary page, i.e. not
        if (ds.length == 0) ds.push('General')
        // if WikiSyop is logged in, add this discurse state now
        if (wgUserName == 'WikiSysop') ds.push('WikiSysop')
        return this.uniqueDs(ds)
    },

    /**
     * array_uniq function for discourseState array
     * @param Array ds
     * @return Array uds
     */
    uniqueDs: function(ds){
        var uds = new Array()
        while (e = ds.shift()) {
            var f=0
            for (var i = 0; i < uds.length; i++) {
                if (e == uds[i]) {
                    f=1
                    break
                }
            }
            if (!f) uds.push(e)
        }
        return uds
    },

    /**
     * Check if in the page are any <input> or <textareas> that make use of
     * the Halo autocompletion. In this case, the class name consists of some
     * wickEnabled string. If there are such elements return true. The search
     * field, which is always on the page, will be ignored.
     * @return Boolean true / false
     */
    elementsWithHaloAc: function() {
        var input = document.getElementsByTagName('input')
        for (i = 0; i < input.length; i++) {
            if (input.item(i).id == 'searchInput') continue
            var cn=input.item(i).className
            if (cn && cn.indexOf('wickEnabled') != -1) return true
        }
        input = document.getElementsByTagName('textarea')
        for (i = 0; i < input.length; i++) {
            cn=input.item(i).className
            if (cn && cn.indexOf('wickEnabled:MWFloater') != -1) return true
        }
        return false
    },
    
    /**
     * Get Iso date of a given timestamp (optional) or of the current time
     * @param Date object (optional)
     * @return string iso_time
     */
    getIsoDate: function(now) {
        if (!now) now = new Date()
        return now.getFullYear()+'-'+(now.getMonth()<9?'0':'')+(now.getMonth()+1)+'-'
            +(now.getDate()<10?'0':'')+now.getDate()+'T'
            +(now.getHours()<10?'0':'')+now.getHours()+':'
            +(now.getMinutes()<10?'0':'')+now.getMinutes()+':'
            +(now.getSeconds()<10?'0':'')+now.getSeconds()
    },
    
    /**
     * build template string for comment page in the SMW+ Forum
     * @param string txt raw template str
     * @param int rating 1 or -1
     * @param string comment text with user comment
     * @param string referer cshPage name or component where the entry refers to
     * @return composed string for wiki page
     */
    getTemplateStr: function(txt, rating, comment, referer) {
        var user = wgUserName? MD5(wgUserName) : ''
        var wiki = MD5(wgServer+wgScriptPath)
        var page = wgNamespaceNumber == -1 ? wgPageName : MD5(wgPageName)
        txt=txt.replace(/%%%1%%%/, user)
        txt=txt.replace(/%%%2%%%/, referer)
        txt=txt.replace(/%%%3%%%/, rating)
        txt=txt.replace(/%%%4%%%/, this.getIsoDate())
        txt=txt.replace(/%%%5%%%/, comment)
        txt=txt.replace(/%%%6%%%/, wiki)
        txt=txt.replace(/%%%7%%%/, page)
        txt=txt.replace(/%%%8%%%/, wgAction) 
        return txt
    },
    
    /**
     * build parameter string for a new bug report in the SMW+ Forum
     * @param string comment text with user comment
     * @return composed string for wiki page
     */
    getBugreportStr: function(comment) {
        var txt=this.txtBugReport
        var wiki = wgServer+wgScriptPath
        var ds = this.getSingleDiscourseState()
        var component = (this.component[ds]) ? this.component[ds] : 'Miscellaneous'
        var browser= (navigator.userAgent.indexOf('Firefox') > -1)
            ?'Firefox'
            :(navigator.userAgent.indexOf('MSIE') > -1)
            ?'Internet+Explorer'
            :(navigator.userAgent.indexOf('Safari') > -1)
            ?'Safari'
            :'Other'        
        var os= (navigator.userAgent.indexOf('Windows NT') > -1)
            ?'Windows'
            :(navigator.userAgent.indexOf('Linux') > -1)
            ?'Linux'
            :'Other'
        var smwVersion = umegSMWplusVersion
            ?'SMW%2B+v'+umegSMWplusVersion.replace(/(^\d+\.\d+(\.\d+)?).*/, '$1')
            :'User+Manual+Extension+v'+umegUMEVersion
        txt=txt.replace(/%%%1%%%/, escape(comment))
        txt=txt.replace(/%%%2%%%/, browser)
        txt=txt.replace(/%%%3%%%/, os)
        txt=txt.replace(/%%%4%%%/, smwVersion)
        txt=txt.replace(/%%%5%%%/, escape(component))
        return txt        
    }
}