/AtomicWiki/webapp/scripts/blog.js

var Dom = YAHOO.util.Dom,

    Event = YAHOO.util.Event;



var statusInd;



// the feed currently displayed

var feed = '';

var contextPath = '';



var linkDialog = null;



var moveDialog = null;



/*

 * Initalize page controls

 */

Event.onDOMReady(function () {

    // the XSLT passes some metadata in META tags,

    // including feed and context path

    Dom.getElementsBy(function (element) {

        var name = element.getAttribute('name');

        switch (name) {

            case 'feed':

                feed = element.getAttribute('content');

                break;

            case 'context':

                contextPath = element.getAttribute('content');

                break;

        }

    }, 'meta', document);



    initActivityIndicator();

    

    // Init controls for editing a feed

    if (document.getElementById('e_title')) {

        new Editable('e_title').change.subscribe(modifyFeed);

        new Editable('e_subtitle').change.subscribe(modifyFeed);



        Event.addListener('upload-images', 'click', function() { new ImageUpload().show(); });



        Event.addListener(Dom.getElementsByClassName('del_entry', 'a', document.getElementById('weblog')), 'click', confirmDelete);



        Event.addListener('delete-feed', 'click', confirmDelete);



        Event.addListener('create-feed-form', 'submit', function () {

            window.location = location.pathname + '/' + document.forms['create-feed'].elements['add-feed'].value;

        });

    }



	if (document.getElementById('feedback-block')) {

		Event.addListener('feedback-close', 'click', function (ev) {

			Dom.setStyle('feedback-block', 'display', 'none');

		});

		setTimeout(function () {

		    Dom.setStyle('feedback-block', 'display', 'none');

		}, 3000);

	}



    // In edit mode, initialize the main editor

    if (document.getElementById('edit-tabs'))

        new BlogEditor();

    

    // Encapsulate all entries in a BlogEntry object

    var entries = Dom.getElementsByClassName('entry', 'div', document.getElementById('weblog'));

    for (var i = 0; i < entries.length; i++) {

        new BlogEntry(feed, entries[i]);

    }



    YAHOO.widget.Logger.enableBrowserConsole();



    SyntaxHighlighter.defaults['auto-links'] = false;

    SyntaxHighlighter.all();

    

	initToc();



	if (document.getElementById('edit-tabs'))

    	linkDialog = new LinkEditor();

	moveDialog = new MoveDialog();

});



function modifyFeed(type, args) {

    reportActivity('Changing feed title');

    var callback = {

        success: function (response) {

            endActivity();

            if (response.status != 204) {

                reportError("Server reported an error while changing feed title: " + response.status);

            }

        },

        failure: function (response) {

            endActivity();

            if (response.status == 401) {

                reportError("Permission denied. You are not authorized to change this feed.");

            } else

                reportError("Server reported an error while changing feed title: " + response.responseText);

            this.resetValue();

        },

        scope: this

    };

    var path = location.pathname;

    if (path.charAt(path.length - 1) != '/')

        path = path.replace(/^(.*)\/[^\/]+/, '$1/');

    var params = 'action=edit-feed&quiet=true&title=' + document.getElementById('e_title').value +

            '&subtitle=' + document.getElementById('e_subtitle').value;

    YAHOO.util.Connect.asyncRequest('POST', path, callback, params);

}



function toggleBox(ev) {

    Event.stopEvent(ev);

    var link = Event.getTarget(ev);

    var body = Dom.getElementsByClassName('body', 'div', link.parentNode.parentNode)[0];

    if (Dom.getStyle(body, 'display') != 'none') {

        var animOut = new YAHOO.util.Anim(body, { opacity: { to: 0 } }, 0.5, YAHOO.util.Easing.easeNone);

        animOut.onComplete.subscribe(function () {

            Dom.setStyle(body, 'display', 'none');

            link.innerHTML = 'show';

        });

        animOut.animate();

    } else {

        Dom.setStyle(body, 'display', '');

        var animIn = new YAHOO.util.Anim( body, { opacity: { to: 1 } }, 0.5, YAHOO.util.Easing.easeNone);

        animIn.animate();

        link.innerHTML = 'hide';

    }

}



function initActivityIndicator() {

    statusInd = document.createElement('div');

    statusInd.className = 'status-indicator';

    statusInd.style.position = 'absolute';

    statusInd.style.top = '0';

    statusInd.style.right = '0';

    statusInd.style.display = 'none';

    document.body.appendChild(statusInd);

}



function reportActivity(message) {

    Dom.setStyle(statusInd, 'display', '');

    statusInd.innerHTML = message;

}



function endActivity() {

    Dom.setStyle(statusInd, 'display', 'none');

    statusInd.innerHTML = '';

}



function confirmDelete(ev) {

    Event.stopEvent(ev);

    var link = Event.getTarget(ev);

    var href = link.href;

    var msg;

    if (link.id == 'delete-feed')

        msg = 'Are you sure you want to delete the entire feed, including all ' +

              'entries it contains?';

    else

        msg = 'Are you sure you want to delete this entry?';

    var dialog = new YAHOO.widget.SimpleDialog(Dom.generateId(), {

        width: '20em',

        fixedcenter: true,

        effect: { effect:YAHOO.widget.ContainerEffect.FADE, duration: 0.25},

        modal: true,

        visible: false,

        draggable: false

    });

    var buttons = [

        { text: 'Yes', handler: function () { dialog.hide(); dialog.destroy(); window.location = href; } },

        { text: 'No', handler: function () { dialog.hide(); dialog.destroy(); } }

    ];

    dialog.cfg.queueProperty("buttons", buttons);

    dialog.setHeader('Confirm Delete');

    dialog.setBody(msg);

    dialog.cfg.setProperty("icon",YAHOO.widget.SimpleDialog.ICON_WARN);

    dialog.render(document.body);

    dialog.show();

}



function initToc() {

    YAHOO.log('Initializing ToC');

    var toc = document.getElementById('toc');

    if (toc) {

        new YAHOO.util.DDTarget('toc');

        var trl = toc.getElementsByTagName('tr');

        for (var i = 0; i < trl.length; i++) {

            if (trl[i].id)

                new YAHOO.example.DDList(trl[i].id);

        }

        var form = document.forms['reorder-form'];

        Event.addListener(form, 'submit', changeEntryOrder);

    }

}



function changeEntryOrder() {

    YAHOO.log('Saving entry order ...');

    var xml = '<order>\n';

    var toc = document.getElementById('toc');

    var trl = toc.getElementsByTagName('tr');

    for (var i = 0; i < trl.length; i++) {

        if (trl[i].id)

          xml += '<entry id="' + trl[i].id.substring(1) + '"/>';

    }

    xml += '</order>';

    

    document.forms['reorder-form'].elements['data'].value = xml;

    return true;

}



function loadBoxAsync(id, feed, entryId) {

	var callback = {

		success: function (response) {

			document.getElementById(id).innerHTML = response.responseText;

		},

		failure: function (response) {

			YAHOO.log("Loading box failed: " + response.responseText);

		}

	};

	var params = 'feed=' + encodeURIComponent(feed) + '&id=' + 

		encodeURIComponent(entryId);

	YAHOO.log('Loading async box: ' + feed + '#' + id);

	YAHOO.util.Connect.asyncRequest('POST', 'async-box.xql', callback, params);

}



function BlogEntry(feed, element) {

    if (feed.charAt(feed.length - 1) != '/')

        feed = feed.replace(/^(.*)\/[^\/]+/, '$1');

    this.feed = feed;

    this.path = location.pathname;

    if (this.path.charAt(this.path.length - 1) != '/')

        this.path = this.path.replace(/^(.*)\/[^\/]+/, '$1');

    this.id = element.id;



	var moveLinks = Dom.getElementsByClassName('move_entry', 'a', element);

	for (var i = 0; i < moveLinks.length; i++) {

		Event.addListener(moveLinks[i], 'click', this.move, this, true);

	}



    this.comments = Dom.getElementsByClassName('comment-panel', 'div', document.getElementById(this.id))[0];



    var addComments = Dom.getElementsByClassName('add-comment', 'a', element);

    for (var i = 0; i < addComments.length; i++) {

        Event.addListener(addComments[i], 'click', this.addComment, this, true);

    }



    var displayComments = Dom.getElementsByClassName('display-comment', 'a', element);

    for (var i = 0; i < displayComments.length; i++) {

        Event.addListener(displayComments[i], 'click', this.loadComments, this, true);

    }



    var commentForm = Dom.getElementsByClassName('comment-form', 'div', element);

    if (commentForm.length > 0) {

        var button = Dom.getElementsByClassName('comment-send', 'button', commentForm[0])[0];

        Event.addListener(button, 'click', this.storeComment, this, true);

        button = Dom.getElementsByClassName('comment-cancel', 'button', commentForm[0])[0];

        Event.addListener(button, 'click', this.toggleCommentForm, this, true);

    }

}



BlogEntry.prototype.move = function (ev) {

	Event.stopEvent(ev);

	var link = Event.getTarget(ev);

	if (!moveDialog)

		moveDialog = new MoveDialog();

	moveDialog.move.subscribe(function (type, args) {

		document.getElementById('mid').value = this.id;

		document.forms['moveForm'].submit();

	}, this, true);

	moveDialog.show();

};



BlogEntry.prototype.loadComments = function (ev) {

    if (ev)

        Event.stopEvent(ev);



    if (Dom.getStyle(this.comments, 'display') != 'none') {

        var animOut = new YAHOO.util.Anim(this.comments, { opacity: { to: 0 } }, 0.5, YAHOO.util.Easing.easeNone);

        var comments = this.comments;

        animOut.onComplete.subscribe(function () { Dom.setStyle(comments, 'display', 'none'); });

        animOut.animate();

        return;

    }

    if (!this.comments.hasChildNodes()) {

        var callback = {

            success: this.commentLoaded,

            failure: this.commentLoaded,

            scope: this

        };

        var params = 'action=load-comment&id=' + encodeURIComponent(this.id);

        YAHOO.log('Loading comments: ' + params);

        YAHOO.util.Connect.asyncRequest('POST', this.path, callback, params);

    } else

        this.toggleComments();

};



BlogEntry.prototype.reloadComments = function () {

    this.comments.innerHTML = '';

    this.loadComments(null);

};



BlogEntry.prototype.commentLoaded = function (response) {

    if (response.status != 200) {

        reportError("Server reported an error while loading comments: " + response.responseText);

        return;

    }

    this.comments.innerHTML = response.responseText;

    this.toggleComments();

};



BlogEntry.prototype.toggleComments = function () {

    Dom.setStyle(this.comments, 'display', '');

    var animIn = new YAHOO.util.Anim( this.comments, { opacity: { to: 1 } }, 0.5, YAHOO.util.Easing.easeNone);

    animIn.animate();

};



BlogEntry.prototype.addComment = function (ev) {

    Event.stopEvent(ev);

    var element = document.getElementById(this.id);

    var commentForm = Dom.getElementsByClassName('comment-form', 'div', element);

    if (commentForm.length > 0) {

        if (!commentForm[0].editor) {

            var editor = Dom.getElementsByClassName('comment-editor', 'div', commentForm[0]);

            commentForm[0].editor = new WikiEditor(editor[0]);

        }

        Dom.setStyle(commentForm[0], 'display', '');

        var animIn = new YAHOO.util.Anim( commentForm[0], { opacity: { to: 1 } }, 0.25, YAHOO.util.Easing.easeOut);

        animIn.animate();

    }

};



BlogEntry.prototype.storeComment = function (ev) {

    Event.stopEvent(ev);

    

    var callback = {

        success: this.commentResponse,

        failure: this.commentResponse,

        scope: this

    };

    var form = document.forms['comment-form-' + this.id];

    var params = 'action=store-comment&id=' + this.id +

            '&name=' + form.elements['comment-name'].value +

            '&email=' + form.elements['comment-email'].value +

            '&content=' + form.elements['comment-text'].value;

    YAHOO.util.Connect.asyncRequest('POST', this.path, callback, params);

};



BlogEntry.prototype.commentResponse = function (response) {

    if (response.status != 200) {

        reportError("Server reported error while storing comment: " + response.responseText);

        return;

    }

    // hide comment form

    this.toggleCommentForm();

    // increase comment count

    var element = document.getElementById(this.id);

    var commentCount = Dom.getElementsByClassName('comment-count', 'span', element);

    if (commentCount.length > 0) {

        var count = commentCount[0].innerHTML;

        commentCount[0].innerHTML = ++count;

    }

    this.reloadComments();

};



BlogEntry.prototype.toggleCommentForm = function () {

    var element = document.getElementById(this.id);

    var commentForm = Dom.getElementsByClassName('comment-form', 'div', element);

    if (commentForm.length > 0) {

        var animOut = new YAHOO.util.Anim( commentForm[0], { opacity: { to: 0 } }, 0.25, YAHOO.util.Easing.easeOut);

        animOut.onComplete.subscribe(function () { Dom.setStyle(commentForm[0], 'display', 'none'); });

        animOut.animate();

    }

};



function BlogEditor() {

    this.tabs = new YAHOO.widget.TabView('edit-tabs');

    var previewTab = this.tabs.getTab(1);

    previewTab.on('click', this.preview, null, this);

    

    var textarea = document.getElementById('msgpost');

    this.mode = 'wiki';

    this.initWikiEditor();



    var btnStore = new YAHOO.widget.Button('msgstore');

    btnStore.on('click', this.store, null, this);

    var btnSave = new YAHOO.widget.Button('msgsave');

    btnSave.on('click', this.saveAndContinue, null, this);

    var btnCancel = new YAHOO.widget.Button('msgcancel');

    btnCancel.on('click', function () {

        window.location = window.location.pathname;

    }, null, this);



    this.title = new Editable('msgtitle');

    this.wikiId = new Editable('wikititle');



    Event.addListener('edit-tabs', 'keypress', this.keyPressed, this, true);

    Event.addListener('toggle-summary', 'click', function () {

    	var summary = document.getElementById('summaryeditor');

    	if (Dom.getStyle(summary, 'display') == 'none') {

    		Dom.setStyle(summary, 'display', '');

    		document.getElementById('toggle-summary').innerHTML = 'Hide Summary';

    	} else {

    		Dom.setStyle(summary, 'display', 'none');

    		document.getElementById('toggle-summary').innerHTML = 'Edit Summary';

    	}

    }, this, true);

}



BlogEditor.prototype.initWikiEditor = function () {

    new WikiEditor(document.getElementById('wikieditor'));

    new WikiEditor(document.getElementById('summaryeditor'));

};



BlogEditor.prototype.checkWikiLink = function () {

    var id = this.wikiId.getValue();

    if (id != '')

        return;

    var currentTitle = this.title.getValue();

    var words = currentTitle.split(/[\s.,:;!?'"]+/, 3);

    var newId = '';

    for (var i = 0; i < words.length; i++) {

        newId += words[i];

    }

    this.wikiId.setValue(newId);

};



BlogEditor.prototype.preview = function(ev) {

    Event.stopEvent(ev);

    this.checkAndPreview();

};



BlogEditor.prototype.store = function (ev) {

    Event.stopEvent(ev);

    this.post(false);

};



BlogEditor.prototype.checkAndPreview = function () {

    this.checkWikiLink();

    var callback = {

        success: this.previewResponse,

        failure: this.previewResponse,

        scope: this

    };

    var params = 'action=preview&' + this.encodeData();

    YAHOO.util.Connect.asyncRequest('POST', location.pathname, callback, params);

};



BlogEditor.prototype.saveAndContinue = function () {

    this.checkWikiLink();

    if (!this.checkForm())

        return;

    var action = document.forms['msgform'].elements['action'].value;

    var params = 'action=' + action + '&' + this.encodeData() + '&quiet=true';

    var callback = {

        success: function (response) {

            Dom.setStyle('save-status-ind', 'visibility', 'hidden');

            document.getElementById('save-status-text').innerHTML = '';

            document.forms['msgform'].elements['action'].value = 'update';

            document.forms['msgform'].elements['id'].value = response.responseText;

        },

        failure: function (response) {

            var previewTab = this.tabs.getTab(1);

            previewTab.get('contentEl').innerHTML =

                '<div class="entry snip last-entry">' +

                '   <div class="content error">' +

                '       <h2 class="entrytitle">An error occurred</h2>' +

                '       <div>' + response.responseText + '</div>' +

                '   </div>' +

                '</div';

              this.tabs.set('activeIndex', 1);

            Dom.setStyle('save-status-ind', 'visibility', 'hidden');

            document.getElementById('save-status-text').innerHTML = 'Error, not saved ...';

        },

        scope: this

    };

    Dom.setStyle('save-status-ind', 'visibility', 'visible');

    document.getElementById('save-status-text').innerHTML = 'Saving ...';

    YAHOO.util.Connect.asyncRequest('POST', location.pathname, callback, params);

};



BlogEditor.prototype.checkForm = function () {

    var title = document.getElementById('msgtitle').value;

    if (title == '') {

        reportError('You need to provide a title for the entry!');

        return false;

    }

    return true;

};



/**

 * Save the entry. To handle errors, the function first sends

 * a preview request. If that returns ok, the form will be

 * submitted.

 */

BlogEditor.prototype.post = function () {

    this.checkWikiLink();

    if (!this.checkForm())

        return;

    var params = 'action=preview&' + this.encodeData();

    var callback = {

        success: function () {

            // all ok, submit the form

            document.forms['msgform'].submit();

        },

        failure: function (response) {

            var previewTab = this.tabs.getTab(1);

            previewTab.get('contentEl').innerHTML =

                '<div class="entry snip last-entry">' +

                '   <div class="content error">' +

                '       <h2 class="entrytitle">An error occurred</h2>' +

                '       <div>' + response.responseText + '</div>' +

                '   </div>' +

                '</div';

              this.tabs.set('activeIndex', 1);

        },

        scope: this

    };

    YAHOO.util.Connect.asyncRequest('POST', location.pathname, callback, params);

};



BlogEditor.prototype.previewResponse = function (response) {

    var previewTab = this.tabs.getTab(1);

    YAHOO.log('Status ' + response.status + ': ' + response.statusText);

    if (response.status != 200) {

        previewTab.get('contentEl').innerHTML =

                '<div class="entry snip last-entry">' +

                '   <div class="content error">' +

                '       <h2 class="entrytitle">An error occurred</h2>' +

                '       <div>' + response.responseText + '</div>' +

                '   </div>' +

                '</div';

    } else {

        previewTab.get('contentEl').innerHTML = response.responseText;

        SyntaxHighlighter.all();

    }

};



BlogEditor.prototype.encodeData = function () {

    var title = document.getElementById('msgtitle').value;

    var wikiLink = document.forms['msgform'].elements['wikititle'].value;

    var content = document.getElementById('msgpost').value;

    var summary = document.getElementById('msgsummary').value;

    return 'id=' + document.forms['msgform'].elements['id'].value +

            '&content=' + encodeURIComponent(content) + 

            '&summary=' + encodeURIComponent(summary) + 

            '&title=' + encodeURIComponent(title) +

            '&wikititle=' + encodeURIComponent(wikiLink) +

            '&content-type=' + document.forms['msgform'].elements['content-type'].value;

};



BlogEditor.prototype.keyPressed = function (ev) {

    if (ev.ctrlKey) {

        var ch = Event.getCharCode(ev);

        if (ch == 115) {

            Event.stopEvent(ev);

            this.saveAndContinue();

        } else if (ch == 113) {

            this.store(ev);

        }

    }

};



function WikiEditor(container) {

    var interestingNodes = ['input', 'button', 'img', 'select'];

    var controls = new Array();

    for (var i = 0; i < interestingNodes.length; i++) {

        var nl = container.getElementsByTagName(interestingNodes[i]);

        for (var j = 0; j < nl.length; j++) {

            controls.push(nl[j]);

        }

    }

    for (var i = 0; i < controls.length; i++) {

        var node = controls[i];

        if (Dom.hasClass(node, 'wikiedit-bold')) {

            Event.addListener(node, 'click', function () {

                this.surroundWith('**');

            }, this, true);

        } else if (Dom.hasClass(node, 'wikiedit-em')) {

            Event.addListener(node, 'click', function () {

                this.surroundWith('__');

            }, this, true);

        } else if (Dom.hasClass(node, 'wikiedit-code')) {

            Event.addListener(node, 'click', function () {

                this.surroundWith('$$');

            }, this, true);

        } else if (Dom.hasClass(node, 'wikiedit-img')) {

        	Event.addListener(node, 'click', function () {

		        var dialog = new ImageSelect();

		        dialog.selected.subscribe(function (type, args) {

		            this.insertCode('$image(src=' + args[0] + ')');

		        }, this, true);

		        dialog.show();

        	}, this, true);

        } else if (Dom.hasClass(node, 'wikiedit-link')) {

    		Event.addListener(node, 'click', function () {

    			var sel = this.getSelection();

		        linkDialog.show(sel);

		        linkDialog.insert.subscribe(function (type, args) {

		            this.insertCode('[' + args[1] + '|' + args[0] + ']');

		        }, this, true);

    		}, this, true);

        } else if (Dom.hasClass(node, 'wikiedit-select-headers')) {

			Event.addListener(node, 'change', function (ev) {

				var select = Event.getTarget(ev);

        		var selected = select.options[select.selectedIndex].value;

        		if (selected != '')

            		this.formatHeader(selected);

        		select.selectedIndex = 0;

    		}, this, true);

        } else if (Dom.hasClass(node, 'wikiedit-select-code')) {

			Event.addListener(node, 'change', function (ev) {

		        var select = Event.getTarget(ev);

		        var selected = select.options[select.selectedIndex].value;

		        if (selected != '')

		            this.formatCode(selected);

		        select.selectedIndex = 0;

		    }, this, true);

    	}

    }

    this.input = container.getElementsByTagName('textarea')[0];

}



WikiEditor.prototype.getSelection = function () {

    this.input.focus();

    if (typeof document.selection != 'undefined') {

        var range = document.selection.createRange();

        return range.text;

    } else if (typeof this.input.selectionStart != undefined) {

        var start = this.input.selectionStart;

        var end = this.input.selectionEnd;

        return this.input.value.substring(start, end);

    }

};



WikiEditor.prototype.surroundWith = function(codeStart, codeEnd) {

    if (!codeEnd)

        codeEnd = codeStart;

    this.input.focus();

    if (typeof document.selection != 'undefined') {

        var range = document.selection.createRange();

        var insText = range.text;

        range.text = codeStart + insText + codeEnd;

        range = document.selection.createRange();

        if (insText.length == 0) {

            range.move('character', -codeStart.length);

        } else {

            range.moveStart('character', codeStart.length + insText.length + codeEnd.length);

        }

        range.select();

    } else if (typeof this.input.selectionStart != undefined) {

        var start = this.input.selectionStart;

        var end = this.input.selectionEnd;

        var insText = this.input.value.substring(start, end);

        this.input.value = this.input.value.substr(0, start) + codeStart + insText + codeEnd + this.input.value.substr(end);

        var pos;

        if (insText.length == 0) {

          pos = start + codeStart.length;

        } else {

          pos = start + codeStart.length + insText.length + codeEnd.length;

        }

        this.input.selectionStart = pos;

        this.input.selectionEnd = pos;

    }

};



WikiEditor.prototype.insertCode = function(code) {

    this.input.focus();

    if (typeof document.selection != 'undefined') {

        var range = document.selection.createRange();

        range.text = code;

        range = document.selection.createRange();

        range.move('character', -code.length);

        range.select();

    } else if (typeof this.input.selectionStart != undefined) {

        var start = this.input.selectionStart;

        var end = this.input.selectionEnd;

        this.input.value = this.input.value.substr(0, start) + code + this.input.value.substr(end);

        var pos = start + code.length;

        this.input.selectionStart = pos;

        this.input.selectionEnd = pos;

    }

};



WikiEditor.prototype.formatHeader = function (type) {

    switch (type) {

        case 'h1':

            this.surroundWith('=');

            break;

        case 'h2':

            this.surroundWith('==');

            break;

        case 'h3':

            this.surroundWith('===');

            break;

        case 'h4':

            this.surroundWith('====');

            break;

    }

};



WikiEditor.prototype.formatCode = function (type) {

    if (type.indexOf('--') > -1)

        return;

    if (type == 'other')

        this.surroundWith('{code}\n', '\n{/code}');

    else

        this.surroundWith('{code lang="' + type + '"}\n', '\n{/code}');

};



/**

 * Image upload dialog. This is a singleton object.

 * 

 * @param msg

 */

function ImageUpload() {



    var dialog = null;

    var imageList = null;

    var loadIndicator = null;

    

    this.startUpload = function() {

        Dom.setStyle(loadIndicator, 'visibility', 'visible');

        var uploadHandler = {

            upload: function () {

                Dom.setStyle(loadIndicator, 'visibility', 'hidden');

                imageList.load();

            },

            failure: function (response) {

                alert(response.responseText);

            }

        };

        YAHOO.util.Connect.setForm('uploadForm', true);

        YAHOO.util.Connect.asyncRequest('POST', 'upload.xql', uploadHandler);

    };



    this.show = function() {

        dialog.show();

    };



    dialog = new YAHOO.widget.Dialog(Dom.generateId(), {

        width: "500px",

        close: true,

        fixedcenter: true,

        draggable: true,

        visible: false,

        constraintoviewport: true,

        buttons: [ { text: "Done", handler: function () { this.hide(); this.destroy();}, isDefault: true } ]

    });

    dialog.setHeader('Upload Images');

    loadIndicator = Dom.generateId();

    var gallery = Dom.generateId();

    var uploadBtnId = Dom.generateId();

    dialog.setBody(

        '<form name="uploadForm" enctype="multipart/form-data" method="POST" action="upload.xql">' +

        '   <div class="upload-controls">' +

        '   <img id="' + loadIndicator + '" src="' + contextPath + '/images/loading.gif" style="visibility: hidden"/>' +

        '   <input class="fileupload" type="file" name="uploadedFile"/>' +

        '   <button type="button" id="' + uploadBtnId + '">Upload</button>' +

        '   <input type="hidden" name="feed" value="' + feed + '"/>' +

        '   </div>' +

        '   <div class="gallery" id="' + gallery + '">' +

        '</div>' +

        '</form>'

    );

    dialog.render(document.body);



    var uploadBtn = document.getElementById(uploadBtnId);

    Event.addListener(uploadBtn, 'click', this.startUpload, this);



    Dom.setStyle(gallery, 'height', '200px');

    imageList = new ImageList(gallery, feed);

    dialog.showEvent.subscribe(imageList.load, null, imageList);

};



function ImageSelect() {



    this.dialog = null;

    this.selectedImage = null;



    this.selected = new YAHOO.util.CustomEvent('insert image');



    this.show = function() {

        this.dialog.show();

    };



    this.insertImage = function () {

        if (this.selectedImage == null)

            return;

        this.dialog.hide();

        this.dialog.destroy();

        YAHOO.log('Fire selected event: ' + this.selected);

        this.selected.fire(this.selectedImage);

    };



    var dialogId = Dom.generateId();

     this.dialog = new YAHOO.widget.Dialog(dialogId, {

        width: "500px",

        close: true,

        fixedcenter: true,

        draggable: true,

        visible: false,

        constraintoviewport: true,

        buttons: [

            { text: "Insert", handler: { fn: this.insertImage, scope: this}, isDefault: true },

            { text: "Cancel", handler: function () { this.hide(); this.destroy(); }, isDefault: false }

        ]

    });

    var imageListId = Dom.generateId();

    this.dialog.setHeader('Insert Image');

    this.dialog.setBody('<div class="gallery" id="' + imageListId + '"></div>');

    this.dialog.render(document.body);



    var imageList = new ImageList(imageListId, feed);

    imageList.select.subscribe(function (type, args) { this.selectedImage = args[0]; }, null, this);

    Dom.setStyle(imageList.container, 'height', '200px');

    this.dialog.showEvent.subscribe(imageList.load, null, imageList);

};



/**

 * Queries the database for available images associated with this feed and

 * displays them as thumbnails in a div.

 * 

 * @param elem

 * @param feed

 */

function ImageList(elem, feed) {

    if (typeof elem == 'string') {

        this.container = document.getElementById(elem);

    } else {

        this.container = elem;

    }

    this.feed = feed;

    this.selected = null;

    this.select = new YAHOO.util.CustomEvent('image selected');

}



ImageList.MIME_TYPES = {

    'image': [ 'image/jpeg', 'image/gif' ]

};



ImageList.checkMimeType = function (mime) {

    for (var type in ImageList.MIME_TYPES) {

        var list = ImageList.MIME_TYPES[type];

        for (var i = 0; i < list.length; i++) {

            if (mime == list[i])

                return type;

        }

    }

    return 'unknown';

};



ImageList.prototype.load = function () {

    this.container.innerHTML = '';

    var callback = {

        success: this.loaded,

        failure: this.loaded,

        scope: this

    };

    var params = 'feed=' + encodeURIComponent(this.feed);

    YAHOO.log('Loading images: ' + params);

    YAHOO.util.Connect.asyncRequest('POST', 'list-resources.xql', callback, params);

};



ImageList.prototype.loaded = function (response) {

    var xml = response.responseXML;

    var root = xml.documentElement;

    var contextPath = root.getAttribute('context');

    var node = root.firstChild;

    while (node != null) {

        if (node.nodeName == 'resource') {

			var path = node.getAttribute('path');

            var p = path.lastIndexOf('/');

            var name = path.substring(p + 1);



            var img = document.createElement('img');

            Event.addListener(img, 'load', function () {

                if (this.height < 80)

                    this.style.paddingTop = ((80 - this.height) / 2) + 'px';

            }, img, true);

            img.setAttribute('title', path);

            YAHOO.log('thumbnail path = ' + path);

            if (ImageList.checkMimeType(node.getAttribute('mime')) == 'image')

                img.setAttribute('src', contextPath + '/thumbs?path=' + path + '&height=64');

            else

                img.setAttribute('src', contextPath + '/images/misc.png');

            img.name = name;

            var div = document.createElement('div');

            div.className = 'container';

            var innerDiv = document.createElement('div');

            innerDiv.className = 'thumb';

            div.appendChild(innerDiv);

            innerDiv.appendChild(img);

            var span = document.createElement('div');

            span.appendChild(document.createTextNode(name))

            innerDiv.appendChild(span);

            this.container.appendChild(div);



            Event.addListener(img, 'click', this.selectImage, this, true);

        }

        node = node.nextSibling;

    }

};



ImageList.prototype.selectImage = function(ev) {

    var img = Event.getTarget(ev);

    if (this.selected != null)

        Dom.removeClass(this.selected, 'selected');

    this.selected = img.parentNode;

    Dom.addClass(this.selected, 'selected');

    this.select.fire(img.name);

};



function LinkEditor() {



    this.dialog = null;



    this.insert = new YAHOO.util.CustomEvent('insert link');



    this.show = function (selection) {

        document.forms['linkForm'].elements['text1'].value = selection;

        document.forms['linkForm'].elements['text2'].value = selection;

        this.dialog.show();

    };



    this.insertLink = function () {

        this.dialog.hide();

        var tab = this.tabs.get('activeIndex');

        if (tab == 0) {

            var select = document.forms['linkForm'].elements['page-select'];

            this.insert.fire(document.forms['linkForm'].elements['text1'].value,

                    select.options[select.selectedIndex].value);

        } else {

            this.insert.fire(document.forms['linkForm'].elements['text2'].value,

                    document.forms['linkForm'].elements['url'].value);

        }

		this.insert.unsubscribeAll();

    };



    this.tabs = new YAHOO.widget.TabView('insert-link-tabs');



    this.dialog = new YAHOO.widget.Dialog('insertLink', {

        width: "500px",

        close: true,

        fixedcenter: true,

        draggable: true,

        visible: false,

        constraintoviewport: true,

        buttons: [

            { text: "Insert", handler: { fn: this.insertLink, scope: this}, isDefault: true },

            { text: "Cancel", handler: function () { this.hide(); }, isDefault: false }

        ]

    });

    this.dialog.render();



    var callback = {

        success: function (response) {

            var select = document.getElementById('page-select');

            select.parentNode.innerHTML = response.responseText;

        }

    };

    YAHOO.util.Connect.asyncRequest('GET', 'list-entries.xql', callback);

};



function MoveDialog() {



    this.dialog = null;



    this.move = new YAHOO.util.CustomEvent('move entry');



    this.show = function () {

		if (!this.loaded)

			this.load();

        this.dialog.show();

    };



    this.doMove = function () {

		var select = document.getElementById('destination-select');

		this.move.fire(select.options[select.selectedIndex].value);

		this.move.unsubscribeAll();

        this.dialog.hide();

    };



	this.loaded = false;



	this.load = function () {

		this.loaded = true;

		var callback = {

			success: function (response) {

				var select = document.getElementById('destination-select');

				select.parentNode.innerHTML = response.responseText;

			}

		};

		YAHOO.util.Connect.asyncRequest('GET', 'list-feeds.xql', callback);

	};



    this.dialog = new YAHOO.widget.Dialog('move-dialog', {

        width: "500px",

        close: true,

        fixedcenter: true,

        draggable: true,

        visible: false,

        constraintoviewport: true,

        buttons: [

            { text: "Move", handler: { fn: this.doMove, scope: this}, isDefault: true },

            { text: "Cancel", handler: function () { this.hide(); }, isDefault: false }

        ]

    });

    this.dialog.render();

};



function Editable(input) {

    this.input = typeof input == 'string' ? document.getElementById(input) : input;

    Dom.setStyle(this.input, 'display', 'none');



    var div = document.createElement('div');

    div.className = this.input.className;

    this.input.parentNode.replaceChild(div, this.input);

    

    this.span = document.createElement('span');

    var txt = document.createTextNode(this.input.value.length == 0 ? 'Click to edit' : this.input.value);

    this.span.appendChild(txt);



    this.toggle = document.createElement('a');

    this.toggle.href = '#';

    this.toggle.className = 'editable-toggle';

    txt = document.createTextNode('edit');

    this.toggle.appendChild(txt);



    div.appendChild(this.input);

    div.appendChild(this.span);

    div.appendChild(this.toggle);



    Event.addListener(this.span, 'click', this.toggleEditable, this, true);

    Event.addListener(this.toggle, 'click', this.toggleEditable, this, true);

    Event.addListener(this.input, 'keypress', this.keyPressed, this, true);



    this.value = this.input.value;



    this.change = new YAHOO.util.CustomEvent('content changed', this);

}



Editable.prototype.setValue = function (value) {

    this.span.innerHTML = value;

    this.input.value = value;

};



Editable.prototype.getValue = function () {

    return this.input.value;

};



Editable.prototype.resetValue = function () {

    this.setValue(this.value);

};



Editable.prototype.keyPressed = function (ev) {

    var ch = Event.getCharCode(ev);

    if (ch == 27 || ch == 10 || ch == 13) {

        Event.stopEvent(ev);

        this.toggleEditable();

    }

};



Editable.prototype.toggleEditable = function () {

    if (Dom.getStyle(this.input, 'display') == 'none') {

        Dom.setStyle(this.span, 'display', 'none');

        Dom.setStyle(this.input, 'display', '');

        this.toggle.innerHTML = 'close';

        this.input.focus();

        this.value = this.input.value;

    } else {

        this.span.innerHTML = this.input.value.length == 0 ? 'Click to edit' : this.input.value;

        Dom.setStyle(this.span, 'display', '');

        Dom.setStyle(this.input, 'display', 'none');

        this.toggle.innerHTML = 'edit';

        YAHOO.log(this.input.value + ' -> ' + this.value);

        if (this.input.value != this.value) {

            YAHOO.log('Firing...');

            this.change.fire(this.input.value);

        }

    }

};



function reportError(msg) {

    YAHOO.log('error: ' + msg);

    var dialog = new YAHOO.widget.SimpleDialog(Dom.generateId(), {

        width: '300px',

        fixedcenter: true,

        effect: { effect:YAHOO.widget.ContainerEffect.FADE, duration: 0.25},

        modal: true,

        visible: false,

        draggable: false

    });

    var buttons = [

        { text: 'Ok', handler: function () { dialog.hide(); dialog.destroy(); } }

    ];

    dialog.cfg.queueProperty("buttons", buttons);

    dialog.cfg.setProperty("icon",YAHOO.widget.SimpleDialog.ICON_WARN);

    dialog.setHeader('Error');

    dialog.setBody(msg);

    dialog.render(document.body);

    dialog.show();

}



function checkId(id) {

    if (id.charAt(0) == '?')

        return id.substring(1);

    else

        return id;

}



var DDM = YAHOO.util.DragDropMgr;



YAHOO.example.DDList = function(id, sGroup, config) {



    YAHOO.example.DDList.superclass.constructor.call(this, id, sGroup, config);



    this.logger = this.logger || YAHOO;

    var el = this.getDragEl();

    Dom.setStyle(el, "opacity", 0.67); // The proxy is slightly transparent



    this.goingUp = false;

    this.lastY = 0;

};



YAHOO.extend(YAHOO.example.DDList, YAHOO.util.DDProxy, {



    startDrag: function(x, y) {

        this.logger.log(this.id + " startDrag");



        // make the proxy look like the source element

        var dragEl = this.getDragEl();

        var clickEl = this.getEl();

        Dom.setStyle(clickEl, "visibility", "hidden");



        dragEl.innerHTML = clickEl.innerHTML;



        Dom.setStyle(dragEl, "color", Dom.getStyle(clickEl, "color"));

        Dom.setStyle(dragEl, "backgroundColor", Dom.getStyle(clickEl, "backgroundColor"));

        Dom.setStyle(dragEl, "border", "2px solid gray");

    },



    endDrag: function(e) {



        var srcEl = this.getEl();

        var proxy = this.getDragEl();



        // Show the proxy element and animate it to the src element's location

        Dom.setStyle(proxy, "visibility", "");

        var a = new YAHOO.util.Motion( 

            proxy, { 

                points: { 

                    to: Dom.getXY(srcEl)

                }

            }, 

            0.2, 

            YAHOO.util.Easing.easeOut 

        )

        var proxyid = proxy.id;

        var thisid = this.id;



        // Hide the proxy and show the source element when finished with the animation

        a.onComplete.subscribe(function() {

                Dom.setStyle(proxyid, "visibility", "hidden");

                Dom.setStyle(thisid, "visibility", "");

            });

        a.animate();

    },



    onDragDrop: function(e, id) {



        // If there is one drop interaction, the li was dropped either on the list,

        // or it was dropped on the current location of the source element.

        if (DDM.interactionInfo.drop.length === 1) {



            // The position of the cursor at the time of the drop (YAHOO.util.Point)

            var pt = DDM.interactionInfo.point; 



            // The region occupied by the source element at the time of the drop

            var region = DDM.interactionInfo.sourceRegion; 



            // Check to see if we are over the source element's location.  We will

            // append to the bottom of the list once we are sure it was a drop in

            // the negative space (the area of the list without any list items)

            if (!region.intersect(pt)) {

                var destEl = Dom.get(id);

                var destDD = DDM.getDDById(id);

                destEl.appendChild(this.getEl());

                destDD.isEmpty = false;

                DDM.refreshCache();

            }



        }

    },



    onDrag: function(e) {



        // Keep track of the direction of the drag for use during onDragOver

        var y = Event.getPageY(e);



        if (y < this.lastY) {

            this.goingUp = true;

        } else if (y > this.lastY) {

            this.goingUp = false;

        }



        this.lastY = y;

    },



    onDragOver: function(e, id) {

    

        var srcEl = this.getEl();

        var destEl = Dom.get(id);



        // We are only concerned with list items, we ignore the dragover

        // notifications for the list.

        if (destEl.nodeName.toLowerCase() == "tr") {

            var orig_p = srcEl.parentNode;

            var p = destEl.parentNode;



            if (this.goingUp) {

                p.insertBefore(srcEl, destEl); // insert above

            } else {

                p.insertBefore(srcEl, destEl.nextSibling); // insert below

            }



            DDM.refreshCache();

        }

    }

});