$(function() {
    ListingEditor.register('description', {
        fields: ['description'],
        show: function(callback) {
            var max = 900;
            var context = this;
            var editor = $$("div.editor");
            var object = ListingEditor.workingListing();
            $("<h2>Edit <strong>Description</strong></h2>").appendTo(editor);
            
            var input = $$("textarea.description", {rows: 10, cols: 20, name: 'description'}).appendTo(editor);

            var countElement = $("<div>Characters remaining: <strong class='count'>900</strong></div>").appendTo(editor);

            editor.append(EditorFormatter.dialogButtons(function() {
              var result = input.val();
              if (result.length > max){
                result = result.substring(0, max);
              }
              ListingEditor.updateSubmission('description', result);
              ModalPopup.hide();
              $('#description').effect('highlight', {}, 200);
              if (callback) callback();
            }, function () {
              ModalPopup.hide();           
            }));
            
            EditorFormatter.applyData(editor);
            
            var lastCount = 0;
            var recount = function(){
              setTimeout(function(){
                var remaining = max - input.val().length;

                if (remaining <= 0){
                  if (remaining < lastCount){
                    countElement.find('.count').effect('highlight', {color: '#F44'}, 400);      
                  }
                  input.addClass('error'); 
                  lastCount = remaining;
                  remaining = 0; 
                }
                else{
                  input.removeClass('error');    
                }   
                countElement.find('.count').text(remaining);
              }, 40);
            };
            recount();
            input.keydown(recount);
            
            ModalPopup.show(editor);
        },
        refresh: function() {
            var el = $('#description div');
            el.html(this.textilize(ListingEditor.workingListing().description))
        },
        textilize: function(s) {
            var r = (s || "").replace(/</g, '&lt;').replace(/>/g, '&gt;');
            
            // quick tags first
            qtags = [['\\*', 'strong'],
                     ['\\?\\?', 'cite'],
                     ['\\+', 'ins'],  //fixed
                     ['~', 'sub'],   
                     ['\\^', 'sup'], // me
                     ['@', 'code']];
            for (var i=0;i<qtags.length;i++) {
                ttag = qtags[i][0]; htag = qtags[i][1];
                re = new RegExp(ttag+'\\b(.+?)\\b'+ttag,'g');
                r = r.replace(re,'<'+htag+'>'+'$1'+'</'+htag+'>');
            }
            // underscores count as part of a word, so do them separately
            re = new RegExp('\\b_(.+?)_\\b','g');
            r = r.replace(re,'<em>$1</em>');

        	//jeff: so do dashes
            re = new RegExp('[\s\n]-(.+?)-[\s\n]','g');
            r = r.replace(re,'<del>$1</del>');

            // links
            re = new RegExp('"\\b(.+?)\\(\\b(.+?)\\b\\)":([^\\s]+)','g');
            r = r.replace(re,'<a href="$3" title="$2">$1</a>');
            re = new RegExp('"\\b(.+?)\\b":([^\\s]+)','g');
            r = r.replace(re,'<a href="$2">$1</a>');

            // images
            re = new RegExp('!\\b(.+?)\\(\\b(.+?)\\b\\)!','g');
            r = r.replace(re,'<img src="$1" alt="$2">');
            re = new RegExp('!\\b(.+?)\\b!','g');
            r = r.replace(re,'<img src="$1">');

            // block level formatting

        		// Jeff's hack to show single line breaks as they should.
        		// insert breaks - but you get some....stupid ones
        	    re = new RegExp('(.*)\n([^#\*\n].*)','g');
        	    r = r.replace(re,'$1<br />$2');
        		// remove the stupid breaks.
        	    re = new RegExp('\n<br />','g');
        	    r = r.replace(re,'\n');

            lines = r.split('\n');
            nr = '';
            for (var i=0;i<lines.length;i++) {
                line = lines[i].replace(/\s*$/,'');
                changed = 0;
                if (line.search(/^\s*bq\.\s+/) != -1) { 
        			line = line.replace(/^\s*bq\.\s+/,'\t<blockquote>')+'</blockquote>'; 
        			changed = 1; 
        		}

        		// jeff adds h#.
                if (line.search(/^\s*h[2|3|4|5|6]\.\s+/) != -1) { 
        	    	re = new RegExp('h([2|3|4|5|6])\.(.+)','g');
        	    	line = line.replace(re,'<h$1>$2</h$1>');
        			changed = 1; 
        		}

        		if (line.search(/^\s*\*\s+/) != -1) { line = line.replace(/^\s*\*\s+/,'\t<liu>') + '</liu>'; changed = 1; } // * for bullet list; make up an liu tag to be fixed later
                if (line.search(/^\s*#\s+/) != -1) { line = line.replace(/^\s*#\s+/,'\t<lio>') + '</lio>'; changed = 1; } // # for numeric list; make up an lio tag to be fixed later
                if (!changed && (line.replace(/\s/g,'').length > 0)) line = '<p>'+line+'</p>';
                lines[i] = line + '\n';
            }

            // Second pass to do lists
            inlist = 0; 
        	listtype = '';
            for (var i=0;i<lines.length;i++) {
                line = lines[i];
                if (inlist && listtype == 'ul' && !line.match(/^\t<liu/)) { line = '</ul>\n' + line; inlist = 0; }
                if (inlist && listtype == 'ol' && !line.match(/^\t<lio/)) { line = '</ol>\n' + line; inlist = 0; }
                if (!inlist && line.match(/^\t<liu/)) { line = '<ul>' + line; inlist = 1; listtype = 'ul'; }
                if (!inlist && line.match(/^\t<lio/)) { line = '<ol>' + line; inlist = 1; listtype = 'ol'; }
                lines[i] = line;
            }

            r = lines.join('\n');
        	// jeff added : will correctly replace <li(o|u)> AND </li(o|u)>
            r = r.replace(/li[o|u]>/g,'li>');

            return r;
        }
    });
});