$(function () {
    /********* dropdown in menu *************/
    var $currentDropdown = null;

    $('#header a.join-newsletter').click(function () {
        dropdown($(this), $('#header #join-newsletter'));
    });

    $('#header a.trekker-login').click(function () {
        dropdown($(this), $('#header #trekker-login'));
    });

    $('#header div.dropdown a.close').click(function () {
        closeform();
    });

    function dropdown($this, $dropdown) {
        if ($currentDropdown != null) {
            $currentDropdown.slideUp(function () {
                $('#header li.links a.on').removeClass('on');
                displayform($this, $dropdown);
            });
        } else {
            displayform($this, $dropdown);
        }
    }

    function displayform($this, $dropdown) {
        $this.addClass('on');
        $dropdown.slideDown(function () {
            $('body').click(function (e) {
                if (!$(e.target).hasClass('dropdown') && $(e.target).parents('.dropdown').length == 0) {
                    closeform();
                }
            });
        });
        $currentDropdown = $dropdown;
    }

    function closeform() {
        $currentDropdown.slideUp();
        $('#header li.links a.on').removeClass('on');
        $('body').unbind('click');
    }

    /********* input text replace *************/
    $('div.dropdown.input-wrapper, div.dropdown.input-wrapper1').click(function () {
        $(this).find('input').focus();
    });

    if ($('div#trekker-login #trekker-email').val() != '') {
        $('div#trekker-login #trekker-email').siblings('span').hide();
    }    

    $('div.dropdown input.text, div.dropdown input.text1').focus(function () {
        if ($(this).val() == '') {
            $(this).siblings('span').hide();
        }
    }).blur(function () {
        if ($(this).val() == '') {
            $(this).siblings('span').show();
        }
    });

    /**********  trekker login **************/
    $('div#trekker-login .login1').click(function () {
        var $email = $('div#trekker-login #trekker-email');
        var $password = $('div#trekker-login #trekker-password');
        var $remember = $('div#trekker-login .remember');
        var email = $email.val();
        var password = $password.val();
        var remember = 0;
        $email.removeClass('error');
        $password.removeClass('error');
        var valid = true;

        if (email == "" || !validateEmail(email)) {
            $email.addClass('error');
            valid = false;
        }

        if (password == "") {
            $password.addClass('error');
            valid = false;
        }

        if ($remember.is(':checked')) {
            remember = 1;
        }

        if (valid == true) {
            $.post('/Handler/TrekkerLoginHandler.ashx', { email: email, password: password, remember: remember }, function (data) {
                if (data == 'failed') {
                    $email.addClass('error');
                    $password.addClass('error');
                    //	$('<span class="error">Incorrect username or password.</span>').appendTo($('div#trekker-login'));
                } else {
                    if (data == 'captain') {
                        window.location = "/team-management/your-registration-details/";
                    }
                    if (data == 'member') {
                        window.location = "/team-management/member-edit/";
                    }
                }
            });
        }

        return false;
    });

    function validateEmail(email) {
        var re = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
        return email.match(re)
    }

    /**********  trekker logout **************/

    bindLogout();

    function bindLogout() {
        $('#header li.login a.logout').click(function () {
            $.post('/Handler/TrekkerLogoutHandler.ashx', function (data) {
                if (data == 'success') {
                    window.location = "/home/";
                }
            });
        });
    }
});