/////start here...
        $(document).ready(function() {

            PopChart('a', '0');
            $('#<%=ddlClub.ClientID %>').change(function() {

                var parm = $('#<%=ddlClub.ClientID %>').val();

                var filt = "club";
                if (parm == "0")
                    filt = "a";
                $('#progress1').removeClass("makeithidden");
                PopChart(filt, parm);
                $('#progress1').addClass("makeithidden");
            });

            $('#<%=ddlCat.ClientID %>').change(function() {

                var parm = $('#<%=ddlCat.ClientID %>').val();

                var filt = "cat";
                if (parm == "0")
                    filt = "a";
                $('#progress2').removeClass("makeithidden");
                PopChart(filt, parm);
                PopSubCat(parm);
                $('#progress2').addClass("makeithidden");
            });

            $('#<%=ddlSubCat.ClientID %>').change(function() {

                var parm = $('#<%=ddlSubCat.ClientID %>').val();

                var filt = "subcat";
                if (parm == "0") {
                    filt = "cat";
                    parm = $('#<%=ddlCat.ClientID %>').val();

                }
                $('#progress3').removeClass("makeithidden");
                PopChart(filt, parm);
                PopSubSubCat(parm);
                $('#progress3').addClass("makeithidden");
            });

            $('#<%=ddlSubSubCat.ClientID %>').change(function() {

                var parm = $('#<%=ddlSubSubCat.ClientID %>').val();

                var filt = "subsubcat";
                if (parm == "0") {
                    filt = "subcat";
                    parm = $('#<%=ddlSubCat.ClientID %>').val();

                }
                $('#progress4').removeClass("makeithidden");
                PopChart(filt, parm);
                $('#progress4').addClass("makeithidden");
            });


        });

        function PopChart(filt, parm) {

            DataStat(filt, parm);
            DataStatGender(filt, parm);
            DataStatAge(filt, parm);
            
            swfobject.embedSWF("open-flash-chart.swf", "age", "310", "200",
            "9.0.0", "expressInstall.swf",
            { "data-file": "analdata/age.aspx?filt=" + filt + "|" + parm + "" }
            );
            
            swfobject.embedSWF("open-flash-chart.swf", "gender", "200", "200",
            "9.0.0", "expressInstall.swf",
            { "data-file": "analdata/gender.aspx?filt=" + filt + "|" + parm + "" }
            );

            

            swfobject.embedSWF("open-flash-chart.swf", "km", "350", "400",
            "9.0.0", "expressInstall.swf",
            { "data-file": "analdata/km.aspx?filt=" + filt + "|" + parm + "" }
            );

            
        }

        function DataStat(filt,parm) {
            var params = '{filt:"' + filt + '",parm:"' + parm + '"}';

            $.ajax({
                type: "POST", //POST
                url: "visitor.aspx/DataStat", //Set call to Page Method
                data: params, // Set Method Params
                beforeSend: function(xhr) {
                    xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");
                },
                contentType: "application/json; charset=utf-8", //Set Content-Type
                dataType: "json", // Set return Data Type
                success: function(msg) {
                    
                    if (msg.length != 0) {
                        var tingtong = msg.split("|");

                        $('#ysl').removeClass("makeithidden");

                        $('#sl').removeClass("makeithidden");
                        $('#s').removeClass("makeithidden");
                        $('#sp').removeClass("makeithidden");

                        $('#rsl').removeClass("makeithidden");
                        $('#rs').removeClass("makeithidden");
                        $('#rsp').removeClass("makeithidden");

                        $('#csl').removeClass("makeithidden");
                        $('#cs').removeClass("makeithidden");
                        $('#csp').removeClass("makeithidden");


                        $('#s').html(tingtong[0]);
                        $('#rs').html(tingtong[1]);
                        $('#cs').html(tingtong[2]);
                        $('#rsp').html(tingtong[3]);
                        $('#csp').html(tingtong[4]);

                    }



                },
                error: function(xhr, msg, e) {
                    alert(msg); //Error Callback
                }
            });
        }
        
        function DataStatGender(filt, parm) {
            var params = '{filt:"' + filt + '",parm:"' + parm + '"}';

            $.ajax({
                type: "POST", //POST
                url: "analdata/gender.aspx/DataStatGender", //Set call to Page Method
                data: params, // Set Method Params
                beforeSend: function(xhr) {
                    xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");
                },
                contentType: "application/json; charset=utf-8", //Set Content-Type
                dataType: "json", // Set return Data Type
                success: function(msg) {

                    if (msg.length != 0) {
                        var tingtong = msg.split("|");

                        $('#MR').html(tingtong[1] + " (" + tingtong[3] + "%)");
                        $('#FR').html(tingtong[0] + " (" + tingtong[2] +"%)");
                       

                    }



                },
                error: function(xhr, msg, e) {
                    alert(msg); //Error Callback
                }
            });
        }

        function DataStatAge(filt, parm) {
            var params = '{filt:"' + filt + '",parm:"' + parm + '"}';

            $.ajax({
                type: "POST", //POST
                url: "analdata/age.aspx/DataStatAge", //Set call to Page Method
                data: params, // Set Method Params
                beforeSend: function(xhr) {
                    xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");
                },
                contentType: "application/json; charset=utf-8", //Set Content-Type
                dataType: "json", // Set return Data Type
                success: function(msg) {

                    if (msg.length != 0) {
                        var tingtong = msg.split("|");

                        $('#tbMR0').html(tingtong[0]);
                        $('#tbMR1').html(tingtong[1]);
                        $('#tbMR2').html(tingtong[2]);
                        $('#tbMR3').html(tingtong[3]);
                        $('#tbMR4').html(tingtong[4]);
                        $('#tbMR5').html(tingtong[5]);
                        $('#tbMR6').html(tingtong[6]);

                        
                        
                        $('#tbFR0').html(tingtong[7]);
                        $('#tbFR1').html(tingtong[8]);
                        $('#tbFR2').html(tingtong[9]);
                        $('#tbFR3').html(tingtong[10]);
                        $('#tbFR4').html(tingtong[11]);
                        $('#tbFR5').html(tingtong[12]);
                        $('#tbFR6').html(tingtong[13]);

                        $('#tbMR0').html(tingtong[0]);


                    }



                },
                error: function(xhr, msg, e) {
                    alert(msg); //Error Callback
                }
            });
        }

        function PopSubCat(ID) {
            var params = '{ID:"' + ID + '"}';

            $.ajax({
                type: "POST", //POST
                url: "visitor.aspx/SubCats", //Set call to Page Method
                data: params, // Set Method Params
                beforeSend: function(xhr) {
                    xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");
                },
                contentType: "application/json; charset=utf-8", //Set Content-Type
                dataType: "json", // Set return Data Type
                success: function(msg) {

                    if (msg.length != 0) {
                        var tingtong = msg.split("|");
                        var jml = (tingtong.length - 1) / 2; //4-2=2
                        var i = 0;
                        var j = 1;
                        var k = 0;
                        $('#<%=ddlSubCat.ClientID %>').append("<option value=0>-All Sub Categories-</option>");

                        do {

                            $('#<%=ddlSubCat.ClientID %>').append("<option value=" + tingtong[k] + ">" + tingtong[j] + "</option>");
                            j = j + 2;
                            k = k + 2;
                            i++;
                        }
                        while (i < jml)


                    }



                },
                error: function(xhr, msg, e) {
                    alert(msg); //Error Callback
                }
            });
        }

        function PopSubSubCat(ID) {
            var params = '{ID:"' + ID + '"}';

            $.ajax({
                type: "POST", //POST
                url: "visitor.aspx/SubSubCats", //Set call to Page Method
                data: params, // Set Method Params
                beforeSend: function(xhr) {
                    xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");
                },
                contentType: "application/json; charset=utf-8", //Set Content-Type
                dataType: "json", // Set return Data Type
                success: function(msg) {

                    if (msg.length != 0) {
                        var tingtong = msg.split("|");
                        var jml = (tingtong.length - 1) / 2; //4-2=2
                        var i = 0;
                        var j = 1;
                        var k = 0;
                        $('#<%=ddlSubSubCat.ClientID %>').append("<option value=0>-All Sub-sub Categories-</option>");
                        do {

                            $('#<%=ddlSubSubCat.ClientID %>').append("<option value=" + tingtong[k] + ">" + tingtong[j] + "</option>");
                            j = j + 2;
                            k = k + 2;
                            i++;
                        }
                        while (i < jml)


                    }



                },
                error: function(xhr, msg, e) {
                    alert(msg); //Error Callback
                }
            });
        }