var sahmMembershipPath = "../App_WebServices/SMembershipServices.asmx/";
        var sebServicePath = "../App_WebServices/STebyanServices.asmx/";
        var langId = 2;

        var reqPageUrl = new Array();

        reqPageUrl[0] = "playListContainer.htm";
        reqPageUrl[1] = "recitersContainer.htm";
        reqPageUrl[2] = "quraanPlayerContainer.htm";
        reqPageUrl[3] = "addPlayListContainer.htm";
        reqPageUrl[4] = "homePageContainer.htm";
        reqPageUrl[5] = "myPortfolioContainer.htm";
        reqPageUrl[6] = "playListDetailsContainer.htm";
        reqPageUrl[7] = "playListItemsDetailsContainer.htm";
        reqPageUrl[8] = "newestContainer.htm";
        reqPageUrl[9] = "aboutTebyanContainer.htm";
        reqPageUrl[10] = "copyrightContainer.htm";
        reqPageUrl[11] = "privacyContainer.htm";
        reqPageUrl[12] = "changePassword.htm";

        function loadTab(id) {

            if (reqPageUrl[id].length > 0) {

                $("#preloader").show();

                $.ajax({
                    url: reqPageUrl[id],
                    async: false,
                    success: function(renderedPage) {
                        $("#preloader").hide();
                        $("#content").empty().append(renderedPage); //first empty the content, then append content
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {

                        $("#preloader").hide();
                        $("#attentionForm_error").empty();
                        $("#attentionForm_error").append("يرجى التأكد من الاتصال بالانترنت");
                        tb_show(null, "#TB_inline?height=300&width=450&inlineId=attentionForm&modal=true", "");
                    }
                });
            }
        }

        $(document).ready(function() {

            var pageUrl = document.URL;
            //if (pageUrl == "http://localhost:14719/App_Forms/Index.aspx?type=resetPassword") {
            if (pageUrl == "http://www.ensaat.com/App_Forms/Index.aspx?type=resetPassword") {
                loadTab(12);
            }

            /***** load default page *****/
            $('span#subTitle').empty();
            loadTab(4);
            /***** load default page *****/

            $("#preloader").hide(); // hide the loader

            setCookies();   // set coockies

            /***** contact us *****/
            $("#btnContactus").click(function() {
                $("#submitContactus").submit();

                var fullName = $("[name='cuFullName']").val();
                var email = $("[name='cuEmail']").val();
                var address = $("[name='cuAddress']").val();
                var comments = $('textarea#cuComment').val();
                var commentTypeId = $('#cuCommentType').val();

                if (fullName != '' && email != '' && address != '' && comments != '' && commentTypeId != '') {

                    params = "[{ FullName: \"" + fullName + "\" , Email: \"" + email + "\" , Address: \"" + address + "\" , Comments: \"" + comments + "\" , CommentType: \"" + commentTypeId + "\" }]";

                    $.ajax({

                        type: "POST",
                        url: sebServicePath + "ContactusAdd",
                        data: "{ jsonData: '" + params + "' }",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",

                        success: function(response) {

                            $("[name='cuFullName']").val('');
                            $("[name='cuEmail']").val('');
                            $("[name='cuAddress']").val('');
                            $("[name='cuComment']").val('');
                            $('#cuCommentType').val('');

                            $("#contactusForm_error").append("تم ارسال بياناتك بشكل ناجح .. شكرا لك");
                            setTimeout("Clear_Labels(); tb_remove();", 1500);

                        },
                        error: function() {
                            $("#contactusForm_error").empty();
                            $("#contactusForm_error").append("هناك مشكلة فنية نرجو الدخول لاحقاً");
                            setTimeout("Clear_Labels(); tb_remove();", 1500);
                        }
                    });
                }
            });

            $("#contactusForm").validate({
                rules: {
                    cuFullName: {
                        required: true,
                        minlength: 2
                    },
                    cuEmail: {
                        required: true,
                        email: true
                    },
                    cuAddress: {
                        required: true,
                        minlength: 2
                    },
                    cuComment: {
                        required: true,
                        minlength: 5
                    },
                    cuCommentType: {
                        required: true
                    }
                },
                messages: {
                    cuFullName: " *",
                    cuEmail: " *",
                    cuAddress: " *",
                    cuComment: " *",
                    cuCommentType: " *"
                }
            });

            /***** contact us *****/

            /***** index page settings *****/

            //open login form
            $("#goto_loginpage").click(function() {
                tb_remove();
                setTimeout("tb_show(null, '#TB_inline?height=300&width=450&inlineId=loginForm&modal=true', '');", 450);
            });

            $("#goto_register").click(function() {
                tb_remove();
                setTimeout("tb_show(null, '#TB_inline?height=460&width=470&inlineId=registerForm&modal=true', '');", 450);
            });

            $("#goto_forgetpass").click(function() {
                tb_remove();
                setTimeout("tb_show(null, '#TB_inline?height=420&width=470&inlineId=forgetPasswordForm&modal=true', '');", 450);
            });

            //footer           
            $("#privacypolicy").click(function() {
                $('span#subTitle').empty();
                $("span#subTitle").append('سياسية الخصوصية');
                loadTab(11);
            });

            $("#copyrights").click(function() {
                $('span#subTitle').empty();
                $("span#subTitle").append('حقوق النشر');
                loadTab(10);
            });

            $("#webmaster").click(function() {
                $("#attentionForm_error").empty();
                $("#attentionForm_error").append("إذا تعذر تشغيل مشغل <span>٭</span>إنصـات<span>٭</span> للقرآن الكريم<br />يرجى تثبيت برنامج فلاش بلير <a href='http://www.adobe.com/products/flashplayer/' target='_blank'>من هنا</a>");
                tb_show(null, "#TB_inline?height=300&width=450&inlineId=attentionForm&amp;modal=true", "");
            });

            $("#contactus").click(function() {
                tb_show(null, "#TB_inline?height=450&width=450&inlineId=feedbackForm&amp;modal=true", "");
            });
            //end footer

            //header
            $("#forgetpassword").click(function() {
                tb_show(null, "#TB_inline?height=420&amp;width=470&amp;inlineId=forgetPasswordForm&amp;modal=true", "");
            });

            $("#signin").click(function() {
                tb_show(null, "#TB_inline?height=300&width=450&inlineId=loginForm&amp;modal=true", "");
            });

            $("#signup").click(function() {
                tb_show(null, "#TB_inline?height=460&amp;width=470&amp;inlineId=registerForm&amp;modal=true", "");
            });
            //end header

            //end header

            $("#btnchangeClose").click(function() {
                document.location.reload();
            });

            $(".close_button").click(function() {
                Clear_Labels();
                tb_remove();
            });

            $("#about_tebyan").click(function() {
                $('span#subTitle').empty();
                $("span#subTitle").append('تعرف على إنصـات');
                loadTab(9);
            });

            $("#newest_tebyan").click(function() {
                $('span#subTitle').empty();
                $("span#subTitle").append('ما الجديد ..');
                loadTab(8);
            });

            $("#close_form").click(function() {
                tb_remove();
            });

            $(".regiser_button").click(function() {
                $("#submitRegister").submit();
            });

            $('#mainPage').click(function() {

                $('span#subTitle').empty();
                loadTab(4);

            });
            /***** index page settings *****/

            /***** validate forms *****/
            $("#signupForm").validate({
                rules: {
                    firstName: {
                        required: true,
                        minlength: 3
                    },
                    familyName: {
                        required: true,
                        minlength: 3
                    },
                    userName: {
                        required: true,
                        minlength: 4
                    },
                    password: {
                        required: true,
                        minlength: 5
                    },
                    confirmPassword: {
                        required: true,
                        minlength: 5,
                        equalTo: "#password"
                    },
                    email: {
                        required: true,
                        email: true
                    },
                    birthday_day: {
                        required: true
                    },
                    birthday_month: {
                        required: true
                    },
                    birthday_year: {
                        required: true
                    },
                    countries: {
                        required: true
                    }
                },
                messages: {
                    firstName: "أكتب الإسم الأول",
                    familyName: "أكتب اسم العائلة",
                    userName: {
                        required: "أكتب اسم المستخدم",
                        minlength: "حد أدنى 4 أحرف"
                    },
                    password: {
                        required: "أكتب كلمة المرور",
                        minlength: "حد أدنى 5 أحرف"
                    },
                    confirmPassword: {
                        required: "أعد كتابة كلمة المرور",
                        minlength: "حد أدنى 5 أحرف",
                        equalTo: "نفس كلمة المرور"
                    },
                    email: "أكتب البريد الالكتروني",
                    birthday_day: "اليوم",
                    birthday_month: "الشهر",
                    birthday_year: "السنة",
                    countries: "اختر الدولة"
                }
            });
            /***** validate signup form *****/

            /***** register form *****/

            /***** surnames *****/
            var emptyOption = "<option></option>";
            var surnames = '';
            var params;

            $.ajax({

                type: "POST",
                url: sahmMembershipPath + "SurnamesGetAll",
                data: "{langId : '" + langId + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",

                success: function(response) {

                    var surnameEntities = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;

                    $.each(surnameEntities, function(index, data) {

                        var surnameId = surnameEntities[index].SurnameId;
                        var surname = surnameEntities[index].Surname;

                        surnames += "<option value='" + surnameId + "'>" + surname + "</option>";
                    })

                    $('#surnames').append(emptyOption + surnames);
                },
                failure: function(msg) {
                    Clear_Labels();
                    $("#loginForm_error").append("هناك مشكلة فنية نرجو الدخول لاحقاً");
                }
            });
            /***** end surnames *****/

            /***** countries *****/
            var emptyOption = "<option></option>";
            var countries = '';

            $.ajax({

                type: "POST",
                url: sahmMembershipPath + "CountriesGetAll",
                data: "{ langId : '" + langId + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",

                success: function(response) {

                    var countryEntities = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;

                    $.each(countryEntities, function(index, data) {

                        var countryId = countryEntities[index].CountryId;
                        var countryName = countryEntities[index].CountryName;

                        countries += "<option value='" + countryId + "'>" + countryName + "</option>";
                    })

                    $('#countries').append(emptyOption + countries);
                },
                failure: function(msg) {

                    Clear_Labels();
                    $("#loginForm_error").append("هناك مشكلة فنية نرجو الدخول لاحقاً");
                }
            });
            /***** end countries *****/

            /***** user logout *****/
            $("#logoutUser").click(function() {
                $.cookie('userId', '', { expires: -1 });
                $.cookie('fullName', '', { expires: -1 });

                $("#userInfo").css('display', '');
                $("#welcomeSpan").css('display', 'none');
                $('span#subTitle').empty();

                loadTab(4);
            });
            /***** user logout *****/

            if ($.cookie('userId')) {

                $("#userInfo").css('display', 'none');
                $("#welcomeSpan").css('display', '');
                $('span#welcomeMsg').empty();
                $('span#welcomeMsg').append(" مرحباً بكـ  " + $.cookie('fullName'));
            }

            /***** login form *****/
            $("#btnLogin").click(function() {

                var userName = $("[name='loginUserName']").val();
                var password = $("[name='loginPassword']").val();

                if (userName != "" && password != "") {

                    $.ajax({

                        type: "POST",
                        url: sahmMembershipPath + "UsersCheckIfUserExisted",
                        data: "{userName: \"" + userName + "\" , password: \"" + password + "\"}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",

                        success: function(response) {

                            var userStatusEntity = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;

                            if (userStatusEntity[0].IsExisted) {

                                var userId = userStatusEntity[0].UserId;
                                var fullName = userStatusEntity[0].FullName;

                                var remember = $("#remember:checked").val();

                                if (remember == "on") {
                                    $.cookie('userId', userId, { expires: 1 });
                                    $.cookie('fullName', fullName, { expires: 1 });
                                }
                                else {
                                    $.cookie('userId', userId, { expires: 0 });
                                    $.cookie('fullName', fullName, { expires: 0 });
                                }

                                if ($.cookie('userId')) {

                                    $("#userInfo").css('display', 'none');
                                    $("#welcomeSpan").css('display', '');
                                    $('span#welcomeMsg').empty();
                                    $('span#welcomeMsg').append(" مرحباً بكـ  " + $.cookie('fullName'));
                                }

                                $("#userInfo").css('display', 'none');
                                $("#welcomeSpan").css('display', '');

                                $("[name='loginUserName']").val('');
                                $("[name='loginPassword']").val('');
                                $("#remember:checked").val('');

                                tb_remove();
                            }
                            else {

                                Clear_Labels();
                                $("#loginForm_error").append("من فضلك تأكد من اسم الدخول أو كلمة المرور");
                            }
                        },
                        error: function() {
                            Clear_Labels();
                            $("#loginForm_error").append("هناك مشكلة فنية نرجو الدخول لاحقاً");
                        }
                    });
                }
                else {
                    Clear_Labels();
                    $("#loginForm_error").append("يجب ادخال اسم المستخدم وكلمة المرور");
                }
            });
            /***** end login form *****/

            /***** reset password *****/
            $("#btnSendPassword").click(function() {

                Clear_Labels();
                var myuserName = $("[name='myuserName_reset']").val();

                if (myuserName != "") {

                    params = "{userName: \"" + myuserName + "\"}";

                    $.ajax({

                        type: "POST",
                        url: sahmMembershipPath + "UsersProfileResetPassword",
                        data: params,
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: false,
                        success: function() {

                            Clear_Labels();
                            $("#forgetPasswordForm_error").append("من فضلك قم بفحص بريدك الالكتروني");
                            $("[name='myuserName_reset']").val('');
                            setTimeout("tb_remove();", 1500);
                        },
                        failure: function() {
                            Clear_Labels();
                            $("#forgetPasswordForm_error").append("هناك مشكلة فنية نرجو الدخول لاحقاً");
                        }
                    });
                }
                else {
                    Clear_Labels();
                    $("#forgetPasswordForm_error").append("من فضلك أدخل اسم المستخدم");
                }
            });
            /***** reset password *****/
        });

        /***** register form *****/
        $.validator.setDefaults({

            submitHandler: function() {

                var firstName = $("[name='firstName']").val();
                var familyName = $("[name='familyName']").val();
                var userName = $("[name='userName']").val();
                var password = $("[name='password']").val();
                var email = $("[name='email']").val();
                var countryId = $('#countries').val();
                var birthday_day = $("[name='birthday_day']").val();
                var birthday_month = $("[name='birthday_month']").val();
                var birthday_year = $("[name='birthday_year']").val();
                var birthdate = "" + birthday_month + "/" + birthday_day + "/" + birthday_year + "";

                var genderType = $('input[name=genderType]:checked').val();

                params = "[{FirstName: \"" + firstName + "\" , FamilyName: \"" + familyName + "\" , UserName: \"" + userName + "\" , " + "Gender: " + genderType + " , Passowrd: \"" + password + "\" , Email: \"" + email + "\" , " + "Birthdate: \"" + birthdate + "\" , CountryId: " + countryId + " , LangId: " + langId + "}]";
                
                $.ajax({

                    type: "POST",
                    url: sahmMembershipPath + "UsersAdd",
                    data: "{ jsonData: '" + params + "' }",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",

                    success: function(response) {

                        var userStatusEntity = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;

                        if (userStatusEntity[0].IsEnrolled) {
                            Clear_Labels();
                            $("#registerForm_error").append("لا يمكنك التسجيل ، اسم المستخدم مسجل من قبل");
                        }
                        else {
                            Clear_Labels();
                            $("#registerForm_error").append("تم تسجيل بيانات العضوية بشكل ناجح");
                            setTimeout("Clear_Labels(); tb_remove();", 1500);
                        }
                    },
                    error: function() {
                        $("#registerForm_error").empty();
                        $("#registerForm_error").append("هناك مشكلة فنية نرجو الدخول لاحقاً");
                    }
                });
            }
        });
        /***** end register form *****/

        /***** Helper *****/
        
       //clear labels
        function Clear_Labels() {
        
            $("#signupForm").clearForm();
            $("#signinForm").clearForm();
            $("#forgetpassForm").clearForm();
            $("#bookmarkTextForm").clearForm();
            
            $("#signupForm").validate().resetForm();
            $("#registerForm_error").empty();
            $("#loginForm_error").empty();
            $("#forgetPasswordForm_error").empty();
            $("#bookmarkForm_error").empty();
            $("#attentionForm_error").empty();
            $("#contactusForm_error").empty();

            $("[name='bookmarkName']").val('');
        }

        //clear form
        $.fn.clearForm = function() {
            return this.each(function() {
                var type = this.type, tag = this.tagName.toLowerCase();
                if (tag == 'form')
                    return $(':input', this).clearForm();
                if (type == 'text' || type == 'password' || tag == 'textarea')
                    this.value = '';
                else if (type == 'checkbox') // || type == 'radio'
                    this.checked = false;
                else if (tag == 'select')
                    this.selectedIndex = -1;
            });
        };
        /***** Helper *****/