/// <reference name="MicrosoftAjax.js"/>
Type.registerNamespace("TraderMagazine");
TraderMagazine.AboutUs = function() {
    TraderMagazine.AboutUs.initializeBase(this);
    this.page = 0;
}
TraderMagazine.AboutUs.prototype = {
    initialize: function() {
    TraderMagazine.AboutUs.callBaseMethod(this, 'initialize');
    this.init();
    },
    /// <summary>
    /// insert Imprint content
    /// </summary>
    initHandler: function() {
        //  $addHandler($get("Teaser_MenuBlog"), "click", MENU.getMainMenuPage);
    },
    /// <summary>
    /// get Imprint page
    /// </summary>
    init: function() {
        TradersMag.WebService.PageService.CreateAboutUsPage(this.insertAboutUsPage, GLOBALS.callError);
    },
    /// <summary>
    /// insert Imprint content
    /// </summary>
    insertAboutUsPage: function(html) {
    $get("Content").innerHTML = "<div style='padding:10px;background-color:#fff;'>" + html + "</div>";
      
     
    },
    /// <summary>
    // editor function : edit text
    /// </summary>
    editAboutUsHeader: function() {
        var html = $get("AboutUsHeaderPanel").innerHTML;
        if ($get("AboutUsEditor")) {
            var c = $get("AboutUsEditor").value;
            $get("AboutUsHeaderPanel").innerHTML = c;
        } else {
            var c = "<TEXTAREA style='height:150px' id='AboutUsEditor' class='ContactTextBox' name='AboutUsEditor'>" + html + "</TEXTAREA>";
            c += "<br><br><a onclick='PAGE.saveAboutUsHeader()'>" + Text.buttons.save + "</a>";
            $get("AboutUsHeaderPanel").innerHTML = c;
        }
    },
    /// <summary>
    // editor function : edit text
    /// </summary>
    saveAboutUsHeader: function() {
        var c = $get("AboutUsEditor").value;
        TradersMag.WebService.PageService.SaveAboutUsHeader(c, PAGE.editAboutUsHeader, GLOBALS.callError);
    },
    /// <summary>
    // editor function : edit text
    /// </summary>
    createNewMember: function() {
        if ($get("AboutUsEditor")) {
            $get("AboutUsEditCell").innerHTML = "";
        } else {
            var t = COMP.createTable("AboutUsEditor", 10, 2, "100%", "top", "5");
            t.style.border = "solid 1px #333";
            $get("AboutUsEditCell").appendChild(t);
            $get("AboutUsEditor_0_0").innerHTML = "<div style='font-weight:bold;'>Create new team member</div>";
            $get("AboutUsEditor_1_0").innerHTML = "<div style=''>First name</div>";
            $get("AboutUsEditor_2_0").innerHTML = "<input id='FirstnameInput' maxlength='50' class='input_standard' />";
            $get("AboutUsEditor_1_1").innerHTML = "<div style=''>Last name</div>";
            $get("AboutUsEditor_2_1").innerHTML = "<input id='LastnameInput' maxlength='50' class='input_standard' />";
            $get("AboutUsEditor_3_0").innerHTML = "<a onclick='PAGE.initTeamMember()'>Save</a>";
        }
    },
    /// <summary>
    // editor function : edit text
    /// </summary>
    initTeamMember: function() {
        var firstname = $get("FirstnameInput").value;
        var lastname = $get("LastnameInput").value;
        TradersMag.WebService.PageService.InitTeamMember(firstname, lastname, PAGE.editTeamMember, GLOBALS.callError);
    },
    /// <summary>
    // editor function : edit text
    /// </summary>
    editTeamMember: function(id) {
        if ($get("AboutUsEditor")) {
            $get("AboutUsEditor_3_0").innerHTML = "";
            var src = "Editor/AboutUsEditor.aspx?id=" + id;
            Sys.Debug.trace(id);
            var c = "<iframe id='AboutUsEditor' frameborder='0' width='300' height='300' scrolling='no' src='" + src + "' ></iframe>";
            $get("AboutUsEditor_3_0").innerHTML = c;
            c = "<TEXTAREA style='height:150px' id='AboutUsHtml' class='input_standard_multi' name='AboutUsHtml'></TEXTAREA><br>";
            $get("AboutUsEditor_3_1").innerHTML = c;
            $get("AboutUsEditor_4_1").innerHTML = "<div style=''>Position in Liste</div>";
            $get("AboutUsEditor_5_1").innerHTML = "<input id='PositionInput' maxlength='2' class='input_standard' />";
            $get("AboutUsEditor_6_0").innerHTML = "<a onclick='PAGE.saveTeamMemberChanges(" + id + ")' > Save </a>";
            $get("AboutUsEditor_6_0").innerHTML += "&nbsp;&nbsp;<a onclick='PAGE.init()' > Cancel </a>";
            Sys.Debug.trace($get("AboutUsEditor_6_0").innerHTML);
        }
    },
    /// <summary>
    // editor function : edit text
    /// </summary>
    saveTeamMemberChanges: function(id) {
        var firstname = $get("FirstnameInput").value;
        var lastname = $get("LastnameInput").value;
        var html = $get("AboutUsHtml").value;
        var position = $get("PositionInput").value;
        TradersMag.WebService.PageService.SaveTeamMemberChanges(id, firstname, lastname, html, position, PAGE.confirmTeamMemberEdit, GLOBALS.callError);
    },
    /// <summary>
    // editor function : edit text
    /// </summary>
    confirmTeamMemberEdit: function(result) {
        if (result) {
            $get("AboutUsEditor_7_0").innerHTML = "Team member successfully saved";
        }
    },
    /// <summary>
    // editor function : edit text
    /// </summary>
    editExistingTeamMember: function(id, firstname, lastname, image, html, position) {
        if ($get("AboutUsEditor")) {
            $get("AboutUsEditCell").innerHTML = "";
        } else {
            var t = COMP.createTable("AboutUsEditor", 10, 2, "100%", "top", "5");
            t.style.border = "solid 1px #333";
            $get("AboutUsEditCell").appendChild(t);
            $get("AboutUsEditor_0_0").innerHTML = "<div style='font-weight:bold;'>Create new team member</div>";
            $get("AboutUsEditor_1_0").innerHTML = "<div style=''>First name</div>";
            $get("AboutUsEditor_2_0").innerHTML = "<input id='FirstnameInput' maxlength='50' class='input_standard' />";
            $get("AboutUsEditor_1_1").innerHTML = "<div style=''>Last name</div>";
            $get("AboutUsEditor_2_1").innerHTML = "<input id='LastnameInput' maxlength='50' class='input_standard' />";

            var src = "Editor/AboutUsEditor.aspx?id=" + id;
            Sys.Debug.trace(id);
            var c = "<iframe id='AboutUsEditor' frameborder='0' width='300' height='300' scrolling='no' src='" + src + "' ></iframe>";
            $get("AboutUsEditor_3_0").innerHTML = c;
            c = "<TEXTAREA style='height:150px' id='AboutUsHtml' class='input_standard_multi' name='AboutUsHtml'></TEXTAREA><br>";
            $get("AboutUsEditor_3_1").innerHTML = c;
            $get("AboutUsEditor_4_1").innerHTML = "<div style=''>Position in Liste</div>";
            $get("AboutUsEditor_5_1").innerHTML = "<input id='PositionInput' maxlength='2' class='input_standard' />";
            $get("AboutUsEditor_6_0").innerHTML = "<a onclick='PAGE.saveTeamMemberChanges(" + id + ")' > Save </a>";
            $get("AboutUsEditor_6_0").innerHTML += "&nbsp;&nbsp;<a onclick='PAGE.init()' > Cancel </a>";

            $get("FirstnameInput").value = firstname;
            $get("LastnameInput").value = lastname;
            $get("AboutUsHtml").value = html;
            $get("PositionInput").value = position;

        }
    },
    dispose: function() {
        //Add custom dispose actions here
        TraderMagazine.AboutUs.callBaseMethod(this, 'dispose');
    }
}
TraderMagazine.AboutUs.registerClass('TraderMagazine.AboutUs', Sys.Component);
if (typeof (Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();