function HTMLEditorInsertImage(editorId, imageName, imageURL, imageListPanelId) {
    editorId = document.getElementById("currentEditorId").value;
    //window.alert(imageName + ' - ' + editorId);
    var editor = $find(editorId);
    var editPanel = editor.get_editPanel();
    if (editPanel.get_activeMode() == Sys.Extended.UI.HTMLEditor.ActiveModeType.Design) {
        // get the DesignPanel's object
        var designPanel = editPanel.get_activePanel();

        // For 'Undo'
        designPanel._saveContent();
        
        // insert some text at current selection
        designPanel.insertHTML("<img src='" + imageURL + imageName + "'/>");

        // Notify Editor about content changed and update toolbars linked to the edit panel
        setTimeout(function () { designPanel.onContentChanged(); editPanel.updateToolbar(); }, 0);

        // Ensure focus in design panel
        designPanel.focusEditor();
        $find(imageListPanelId).hide();
    }
}

function HTMLEditorSelectImage(editorId, imageListPanelId) {
    document.getElementById("currentEditorId").value = editorId;
    $find(imageListPanelId).show();
}

function topMenuItem_onMouseOver(name) {
    var left = document.getElementById("buttonLeft" + name);
    var middle = document.getElementById("buttonMiddle" + name);
    var right = document.getElementById("buttonRight" + name);

    left.className = 'topmenu_button_left_hover';
    middle.className = 'topmenu_button_middle_hover';
    right.className = 'topmenu_button_right_hover';
}

function topMenuItem_onMouseOut(name) {
    var left = document.getElementById("buttonLeft" + name);
    var middle = document.getElementById("buttonMiddle" + name);
    var right = document.getElementById("buttonRight" + name);

    left.className = 'topmenu_button_left';
    middle.className = 'topmenu_button_middle';
    right.className = 'topmenu_button_right';
}

function leftMenuItem_onMouseOver(imgId, hlnId) {
    var img = document.getElementById(imgId);
    var hln = document.getElementById(hlnId);
    img.src = "Images/arrow_hover.png";
    hln.className = "leftmenu_item_hover";
}

function leftMenuItem_onMouseOut(imgId, hlnId) {
    var img = document.getElementById(imgId);
    var hln = document.getElementById(hlnId);
    img.src = "Images/arrow.png";
    hln.className = "leftmenu_item";
}