var QuickEditModeInterface = function() {

    var _isEditActive = false;


    this.Init = function() {
        var canvas = $("<div style='background-color:#f4f4f4;padding:8px;text-align:right;font-weight:bold' id='__editMenuBar'><span style='cursor:pointer' id='__editMode'>Quick edit mode</span>" +
                   "<span style='cursor:pointer;display:none' id='__exitEditMode'>Exit quick edit mode</span></div>");

        canvas.prependTo("#__THEBODY");


        $("#__editMode").bind('click.mcms', function() {

            EnterEditMode();

        });

        $("#__exitEditMode").bind('click.mcms',
            function() {
                ExitEditMode();
            }
        );
    };


    var LoadWidgetContent = function(widgetName) {
        $("body").block();

        $.ajax(
                    {
                        url: "/MCMS2010/m-admin/ajax/WidgetService.asmx/GetWidget",
                        type: "POST",
                        dataType: "json",
                        data: { name: widgetName },
                        success: function(data) {
                            alert(data.Content);
                            $("body").unblock();
                        },
                        error: function(response) {
                            $("body").unblock();
                            alert(response.responseText);
                        }
                    }
                );
    };


    var EnterEditMode = function() {

        if (_isEditActive == true) {
            return;
        }

        _isEditActive = !_isEditActive;
        
        $("#__editMenuBar").css('background-color',"#CCC");
        $("#__editMode").css('display', 'none');
        $("#__exitEditMode").css('display', 'inline');

        $("a").bind('click.mcms',
                function() {
                    return false;
                }
            );

        $(".__theWDG").bind('click.mcms',
            function() {
                var widgetName = $(this).attr("id");
                LoadWidgetContent(widgetName);
            }
        );

        $(".__theWDG").bind('mouseover.mcms',
            function() {
                $(this).contents().css("opacity", "0.5");
            }
        );

        $(".__theWDG").bind('mouseout.mcms',
            function() {
                $(this).contents().css("opacity", "1");
            }
        );

        $("input").attr("disabled", "disabled");
    };


    var ExitEditMode = function() {

        _isEditActive = !_isEditActive;

        $("#__editMenuBar").css('background-color', "#f4f4f4");
        $("#__exitEditMode").css('display', 'none');
        $("#__editMode").css('display', 'inline');

        $("a").unbind('.mcms');
        $(".__theWDG").unbind('.mcms');
        $("input").removeAttr("disabled", "disabled");

    };
};


$(
    function() {
        var __editMode = new QuickEditModeInterface();
        __editMode.Init();
    }
);