/// <reference path="WSMethods.js" />

function CreateLogonWindow() {
    var d1 = dv('div');
    sa(d1, 'id', 'AnmeldeDiv');
    var d2 = dv('div');
    $(d2).addClass('ui-widget ui-widget-content ui-corner-all');
    ac(d2, ct('Bitte geben Sie in den Feldern ihren Benutzernamen und Ihr Benutzer-Passwort an. Bitte bestätigen Sie die Eingabe durch den Anmelde-Button.'));
    ac(d1, d2);
    ac(d1, sp('5'));
    var d3 = dv('div');
    $(d3).addClass('ui-widget ui-widget-content ui-corner-all');
    var t = dv('table');
    sa(t, 'border', '0');
    sa(t, 'cellpadding', '0');
    sa(t, 'cellspacing', '0');
    $(t).css('width', '100%');
    var u = dv('tr');
    $(u).css('height', '40px');
    $(u).css('vertical-align', 'middle');
    var v = dv('td');
    $(v).css('width', '150px');
    d2 = dv('label');
    $(d2).addClass('ui-widget text');
    $(d2).css('font-weight', 'bold');
    sa(d2, 'for', 'fldUser');
    ac(d2, ct('\u00A0Benutzername:'));
    ac(v, d2);
    ac(u, v);
    v = dv('td');
    $(v).css('width', '10px');
    ac(v, ct('\u00A0'));
    ac(u, v);
    v = dv('td');
    d2 = dv('input');
    sa(d2, 'type', 'text');
    sa(d2, 'id', 'fldUser');
    $(d2).addClass('ui-widget text ui-widget-content ui-corner-all');
    $(d2).css('width', '150px');
    ac(v, d2);
    ac(u, v);
    ac(t, u);
    u = dv('tr');
    $(u).css('vertical-align', 'middle');
    $(u).css('height', '40px');
    v = dv('td');
    d2 = dv('label');
    $(d2).addClass('ui-widget text');
    $(d2).css('font-weight', 'bold');
    sa(d2, 'for', 'fldPassword');
    ac(d2, ct('\u00A0Passwort:'));
    ac(v, d2);
    ac(u, v);
    v = dv('td');
    $(v).css('width', '10px');
    ac(v, ct('\u00A0'));
    ac(u, v);
    v = dv('td');
    d2 = dv('input')
    sa(d2, 'type', 'password');
    sa(d2, 'id', 'fldPassword');
    $(d2).css('width', '150px');
    $(d2).addClass('ui-widget text ui-widget-content ui-corner-all');
    ac(v, d2)
    ac(u, v);
    ac(t, u);
    ac(d3, t);
    ac(d1, d3);

    $('#SiteMasterBody').append(getOuterHTML(d1));

    $("#AnmeldeDiv").dialog({ bgiframe: true, height: 240, width: 480, title: 'Benutzeranmeldung', resizable: false, modal: true, autoOpen: false,
        buttons: {
            'Anmelden': function() {
                CheckUserLogon();
                ClearLogonFields();
            },
            'Passwort vergessen': function() {
                fgtUserPassword();
            },
            'Abbrechen': function() {
                $(this).dialog('close');
            }
        },
        close: function() {
            ClearLogonFields();
            $('#AnmeldeDiv').remove();
        }
        
    });
    $('#AnmeldeDiv').dialog('open');
}

function fgtUserPassword() {
    var d = dv('div')
    sa(d, 'id', 'FgtUserPassword');
    var e = dv('div');
    $(e).addClass('ui-widget ui-widget-content ui-corner-all');
    var f = dv('span');
    ac(f, ct('Bitte geben Sie in das Feld Ihre e-mail-Adresse mit der Sie sich für www.dasbabyalbum.de registriert haben ein. Wir senden Ihnen ein neues Benutzerpasswort an Ihre e-Mail-Adresse.'));
    ac(e, f);
    ac(d, e);
    ac(d, sp('5'));
    var s = dv('div');
    $(s).addClass('ui-widget ui-widget-content ui-corner-all');
    $(s).css('height', '80px');
    var t = dv('table');
    sa(t, 'border', '0');
    sa(t, 'cellspacing', '0');
    sa(t, 'cellpadding', '0');
    $(t).css('height', '80px');
    $(t).css('width', '100%');
    var u = dv('tr');
    $(u).css('vertical-align', 'middle');
    var v = dv('td');
    $(v).css('width', '140px');
    e = dv('label');
    $(e).addClass('ui-widget text');
    $(e).css('font-weight', 'bold');
    sa(e, 'for', 'fldFgtEmail');
    ac(e, ct('\u00A0e-Mail-Adresse:'));
    ac(v, e);
    ac(u, v);
    v = dv('td');
    $(v).css('width', '5px');
    ac(v, ct('\u00A0'));
    ac(u, v);
    v = dv('td');
    e = dv('input');
    $(e).addClass('ui-widget text ui-widget-content ui-corner-all');
    sa(e, 'type', 'text');
    sa(e, 'id', 'fldFgtEmail');
    $(e).css('width', '200px');
    ac(v, e);
    ac(u, v);
    ac(t, u);

    ac(s, t);
    ac(d, s);
 
    $('#FgtUserPassword').remove();
    $('#SiteMasterBody').append(getOuterHTML(d));

    $('#FgtUserPassword').dialog({ bgiframe: true, height: 240, width: 480, title: 'Passwort vergessen', resizable: false, modal: true, autoOpen: false,
        buttons: {
            'Absenden': function() {
                SendUserFgtMail();
                $('#fldFgtEmail').val('');
            },
            'Abbrechen': function() {
                $('#fldFgtEmail').val('');
                $(this).dialog('close');
            }
        },
        close: function() {
            $('#FgtUserPassword').remove();
        }
    });
    $('#FgtUserPassword').dialog('open');

}

function NewUserDlg(UserMessage, DialogTitle) {
    var d = dv('div');
    sa(d, 'id', 'NewUserDialog');
    var e = dv('div');
    $(e).addClass('ui-widget ui-widget-content ui-corner-all');
    var f = dv('p');
    ac(f, ct(UserMessage));
    ac(e, f);
    ac(d, e);
    ac(d, sp('5'));
    e = dv('div');
    $(e).addClass('ui-widget ui-widget-content ui-corner-all');
    var t = dv('table');
    sa(t, 'border', '0');
    sa(t, 'cellpadding', '0');
    sa(t, 'cellspacing', '0');
    $(t).css('width', '100%');
    var u = dv('tr');
    $(u).css('height', '80px');
    $(u).css('vertical-align', 'middle');
    var v = dv('td');
    $(v).css('width', '150px');
    f = dv('label');
    $(f).addClass('ui-widget text');
    $(f).css('font-weight', 'bold');
    sa(f, 'for', 'AnnounceEmail');
    ac(f, ct('\u00A0e-Mail-Adresse:'));
    ac(v, f);
    ac(u, v);
    v = dv('td');
    $(v).css('width', '5px');
    ac(u, v);
    v = dv('td');
    var g = dv('input');
    sa(g, 'type', 'text');
    sa(g, 'id', 'AnnounceEmail');
    $(g).css('width', '200px');
    $(g).addClass('ui-widget text ui-widget-content ui-corner-all');
    ac(v, g);
    ac(u, v);
    ac(t, u);
    ac(e, t);
    ac(d, e);

    $('#NewUserDialog').remove();
    $('#SiteMasterBody').append(getOuterHTML(d));

    $('#NewUserDialog').dialog({ bgiframe: true, height: 320, width: 480, title: DialogTitle, modal: true, resizable: false, autoOpen: false,
        buttons: {
            'Absenden': function() {
                SendNewUserMail();
                $(this).dialog('close');
            },
            'Abbrechen': function() {
                $(this).dialog('close');
            }
        },
        close: function() {
            $('#NewUserDialog').remove();
        }
    });
    $('#NewUserDialog').dialog('open');
}

function BuildSiteContent(withCheckBox) {
    var f;
    var d = dv('div');
    sa(d, 'id', 'ShowSiteContent');
    var e = dv('div');
    $(e).addClass('ui-widget ui-widget-content ui-corner-all');
    sa(e, 'id', 'ShowSiteContentDescription');
    ac(d, e);
    ac(d, sp('5'));
    if (withCheckBox) {
        e = dv('div');
        $(e).css('font-weight', 'bold');
        $(e).addClass('ui-widget ui-widget-content ui-corner-all');
        f = dv('input');
        sa(f, 'type', 'checkbox');
        sa(f, 'name', 'chbShowStartScreen');
        sa(f, 'id', 'chbShowStartScreen');
        sa(f, 'checked', 'checked');
        sa(f, 'defaultChecked', 'selected');
        ac(e, f)
        ac(e, ct('\u00A0Diesen Startbildschirm bei jedem Aufruf anzeigen'));
        ac(d, e);
    }
    ac(d, sp('5'));
    e = dv('div');
    $(e).addClass('ui-widget ui-widget-content ui-corner-all');
    sa(e, 'id', 'NavDiv');
    $(e).css('vertical-align', 'middle');
    f = dv('input');
    $(f).addClass('ui-widget ui-button ui-state-default ui-corner-all');
    sa(f, 'type', 'button');
    sa(f, 'id', 'btnEditSiteContent');
    sa(f, 'value', 'Bearbeiten');
    ac(e, f);
    f = dv('input');
    $(f).addClass('ui-widget ui-button ui-state-default ui-corner-all');
    sa(f, 'type', 'button');
    sa(f, 'id', 'btnCancelEditSiteContent');
    sa(f, 'value', 'Abbrechen');
    $(f).css('display', 'none');
    ac(e, f);
    f = dv('input');
    $(f).addClass('ui-widget ui-button ui-state-default ui-corner-all');
    sa(f, 'type', 'button');
    sa(f, 'id', 'btnSaveSiteContent');
    sa(f, 'value', 'Speichern');
    $(f).css('display', 'none');
    ac(e, f);
    ac(d, e);
    ac(d, sp('8'));
    e = dv('div');
    sa(e, 'id', 'ShownContent');
    ac(d, e);
    e = dv('div');
    sa(e, 'id', 'divEditContent');
    $(e).css('display', 'none');
    ac(d, e);

    $('#ShowSiteContent').remove();
    $('#SiteMasterBody').append(getOuterHTML(d));

    $("#ShowSiteContent").dialog({ bgiframe: true, height: 600, width: 800, title: 'Text bearbeiten', modal: true, resizable: false, autoOpen: false,
        buttons: {
            'Schliessen': function() {
                if (!$('#chbShowStartScreen').attr('checked')) {
                    CookieWritePersist('WelcomeMessage', true);
                }
                $(this).dialog('close');
            }
        },
        close: function() {
            onCloseSiteContent();
            $('#ShowSiteContent').remove();
        },
        open: function() {

        }
    });
    $('#btnEditSiteContent').click(function() {
        OpenWaitDialog()
        $.getScript('external/fckeditor/fckeditor.js', function() {
            CloseWaitDialog();
            OpenEditSiteContent();
        });

    })
		.hover(
			function() {
			    $(this).addClass("ui-state-hover");
			},
			function() {
			    $(this).removeClass("ui-state-hover");
			}
		).mousedown(function() {
		    $(this).addClass("ui-state-active");
		})
		.mouseup(function() {
		    $(this).removeClass("ui-state-active");
		});

    $('#btnSaveSiteContent').click(function() {
        SaveSiteContent();
    })
		.hover(
			function() {
			    $(this).addClass("ui-state-hover");
			},
			function() {
			    $(this).removeClass("ui-state-hover");
			}
		).mousedown(function() {
		    $(this).addClass("ui-state-active");
		})
		.mouseup(function() {
		    $(this).removeClass("ui-state-active");
		});

    $('#btnCancelEditSiteContent').click(function() {
        CancelSiteContent();
    })
		.hover(
			function() {
			    $(this).addClass("ui-state-hover");
			},
			function() {
			    $(this).removeClass("ui-state-hover");
			}
		).mousedown(function() {
		    $(this).addClass("ui-state-active");
		})
		.mouseup(function() {
		    $(this).removeClass("ui-state-active");
		});
    
}