// Reset the _stage field in case the user uses the Back button
    var setAction = function(action){
        action = action || 'preview';
        var action_field = $('comment_submit-action');
        action_field.value = action;
        action_field.form.submit();
    };


// Show / hide suggested messages
    function displayMsgs(display) {
        $('clickToView').style.display = display ? 'none' : 'inline';
        IA.roll($('suggestedMsgList'), {
            inc : 30,
            max : 150
        });
        return false;
    }

// Add message to rich text box
    function addToMsg(item) {
        var text=item.textContent || item.innerHTML;
        var editor = tinyMCE.getInstanceById('comment_submit-comment');
        editor.contentWindow.focus();
        editor.setContent('<p>'+text+'<\/p>');
        editor.execCommand('selectall',false,null);
        return displayMsgs(false);
    }


// Handle resizing of clip art when moused over
    var clipart;
    var timeouts = new Object;

    function resize (el,start,end) {
        if (timeouts[el.id]) { window.clearTimeout(timeouts[el.id]);}
        var start = end > start ? start+10 : start-10;
        var height = el.height;
        var margin = parseInt(100 - start)/2;
        el.width = start;
        el.height = start;
        el.style.marginTop = el.style.marginBottom = margin + 'px';
        if (start != end) {
            var redo_resize = function(){resize(el,start,end)};
            timeouts[el.id] = window.setTimeout(redo_resize,1);
        } else {
            timeouts[el.id] = '';
        }
    }

// Set clip art selected
    function updateClipArt(imgId) {
        var radioId = imgId.substr(4);
        var radio   = $(radioId);

        if (radio.checked || imgId == clipart_selected) { return }

        if (clipart_selected) {
            $(clipart_selected).className='';
        }

        radio.checked = 1;
        $(imgId).className = "selected";
        clipart_selected = imgId;
    }

    var clipart_selected;
    function initClipArt(clipArtDiv) {
        clipArtDiv = $(clipArtDiv);
        if (clipArtDiv) {
            var radios = clipArtDiv.getElementsByTagName('input');

            for (var i = 0; i < radios.length; i++) {
                radios[i].style.display = 'none';
                if (radios[i].checked) {
                    clipart_selected = 'img_' + radios[i].id
                }
            }
            var images = clipArtDiv.getElementsByTagName('img');
            for (var i = 0; i < images.length; i++) {
                var image = images[i];
                image.width = 60;
                image.height = 60;
                image.style.marginTop = '20px';
                image.style.marginBottom = '20px';
                (function(new_image) {
                    IA.add_event(new_image,'mouseover',
                            function(){ new_image.style.cursor='pointer';
                                        resize(new_image,60,100)}
                );
                    IA.add_event(new_image,'mouseout',
                            function(){ new_image.style.cursor='auto';
                                        resize(new_image,100,60)}
                );
                    IA.add_event(new_image,'click',
                            function(){ updateClipArt(new_image.id) }
                );
                })(image);
            }
            if (clipart_selected) {
                $(clipart_selected).className = 'selected';
            }
        }
    }