window.addEvent('domready', function() {

    new InputMask($('ctl00_mainContentHolder_phoneNumber'), {
        mask: '(999) 999-9999'
    });

    $$('.templateThumb img').each(function(item, index) {
        item.addEvent('click', function(e) {
            e.preventDefault();
            $('s1').getElement('div.selected').removeClass('selected');
            item.getParent().addClass('selected');
            $('previewImage').src = item.getAttribute('srcfull');
            $('previewLink').href = item.getAttribute('srcfull');
            $('ctl00_mainContentHolder_templateId').value = item.id.substr('5');
        });
    });

    $('s1next').addEvent('click', function(e) {
        e.preventDefault();
        $('s1').style.display = 'none';
        $('s2').style.display = 'block';
        $$('.menu li')[0].removeClass('selected');
        $$('.menu li')[1].addClass('selected');
    });

    $('s2next').addEvent('click', function(e) {
        e.preventDefault();
        
        var form2Valid = Page_ClientValidate('Group2');
        var form3Valid = Page_ClientValidate('Group3');
        var isEmailFree = false;
        var isNameFree = false;

        if (!form2Valid) {
            Page_ValidationSummaries[0].style.display = "";
        }

        if (form2Valid && form3Valid) {

            new Request.JSON({
                url: '/Services/UserInfoService.svc/json/IsNameExists',
                urlEncoded: false,
                headers: {
                    'Content-Type': 'application/json; charset=utf-8'
                },
                onComplete: function(json) {
                    if (!json.IsNameExistsResult) {
                        SubmitConditions.isEmailFree = true;
                        trySubmit();
                    }
                    else {
                        $('ctl00_mainContentHolder_s2errors').style.display = 'block';
                        $('ctl00_mainContentHolder_s2errors').innerHTML = '<ul><li>*User already exists</li></ul>';
                    }
                }
            }).send(JSON.encode({
                'firstName': $('ctl00_mainContentHolder_firstName').value.trim(),
                'lastName': $('ctl00_mainContentHolder_lastName').value.trim()
            }));

            new Request.JSON({
                url: '/Services/UserInfoService.svc/json/IsEmailExists',
                urlEncoded: false,
                headers: {
                    'Content-Type': 'application/json; charset=utf-8'
                },
                onComplete: function(json) {
                    if (!json.IsEmailExistsResult) {
                        SubmitConditions.isNameFree = true;
                        trySubmit();
                    }
                    else {
                        $('ctl00_mainContentHolder_s3errors').style.display = 'block';
                        $('ctl00_mainContentHolder_s3errors').innerHTML = '<ul><li>*Email already exists</li></ul>';
                    }
                }
            }).send(JSON.encode({
                'email': $('ctl00_mainContentHolder_emailAddress').value.trim()
            }));
        }
    });

    /*$('s3next').addEvent('click', function(e) {
    if (Page_ClientValidate('Group3')) {
    e.preventDefault();
    new Request.JSON({
    url: '/Services/UserInfoService.svc/json/IsEmailExists',
    urlEncoded: false,
    headers: {
    'Content-Type': 'application/json; charset=utf-8'
    },
    onComplete: function(json) {
    if (!json.IsNameExistsResult) {
    trySubmit();
    }
    else {
    $('ctl00_mainContentHolder_s3errors').style.display = 'block';
    $('ctl00_mainContentHolder_s3errors').innerHTML = '<ul><li>*Email already exists</li></ul>';
    }
    }
    }).send(JSON.encode({
    'email': $('ctl00_mainContentHolder_emailAddress').value.trim()
    }));
    }
    });*/
});

var SubmitConditions = { isEmailFree: false, isNameFree: false };
function trySubmit() {
    if (SubmitConditions.isEmailFree && SubmitConditions.isNameFree) {
        $$('form')[0].submit();
    }
}