﻿
// Author : Amanpreet
// Date : 10th Oct

    /*var lstState = document.getElementById("ctl00_ContentPlaceHolder1_lstState");
    var txtState = document.getElementById("ctl00_ContentPlaceHolder1_txtOtherState");
    var lstCity = document.getElementById("ctl00_ContentPlaceHolder1_lstCity");
    var txtCity = document.getElementById("ctl00_ContentPlaceHolder1_txtOtherCity");

    */

    function fnStateCityVisiblity(flagTxtVisible, flagLstVisible) 
    {
        var lstCity = document.getElementById("ctl00_ContentPlaceHolder1_lstCity");
        var txtCity = document.getElementById("ctl00_ContentPlaceHolder1_txtOtherCity");
        var txtState = document.getElementById("ctl00_ContentPlaceHolder1_txtOtherState");
        //lstState.style.visibility = flagLstVisible;
        txtState.style.visibility = flagTxtVisible;
        lstCity.style.visibility = flagLstVisible;
        txtCity.style.visibility = flagTxtVisible;

     }

     function fnPopulateCity(result, context)
     {
        // alert("in populate city");
         var lstCity = document.getElementById("ctl00_ContentPlaceHolder1_lstCity"); 
         fnStateCityVisiblity("hidden", "visible");
        /*txtState.style.visibility = "hidden";
        lstCity.style.visibility = "visible";
        txtCity.style.visibility = "hidden";*/

        lstCity.innerHTML = "";

        var rows = result.split("||");
        for (var i = 0; i < rows.length - 1; ++i) {
            var fields = rows[i].split("|");
            var cityName = fields[0];
            var cityId = fields[1];

            var option = document.createElement("option");
            //lstCity.options.add(option);
            option.value = cityName;
            option.Id = cityId;
            option.innerHTML = cityName;

            lstCity.appendChild(option);


        }
        lstCity.value = "[Select City]";
        //18th
        var hiddenCity = document.getElementById("ctl00_ContentPlaceHolder1_hiddenSelectedCity");
        hiddenCity.value = "[Select City]";

        lstCity.disabled = false;  //25th
        //lstCity.removeChild("[Select City]");  //25th
     }
        
    function ClientCallback(result,context)
    {
       // debugger;
       // alert("in Clientcallback");

        var lstState = document.getElementById("ctl00_ContentPlaceHolder1_lstState");
        var txtState = document.getElementById("ctl00_ContentPlaceHolder1_txtOtherState");
        var selectedState = lstState.value;

        // 8th Nov
        var reqValidator_txtOtherState = document.getElementById('ctl00_ContentPlaceHolder1_reqdValidator_txtOtherState');
        var reqValidator_txtOtherCity = document.getElementById('ctl00_ContentPlaceHolder1_reqdValidator_txtOtherCity');
        //var reqValidatorLstState = document.getElementById('ctl00_ContentPlaceHolder1_RequiredFieldValidator13');
        var reqValidatorLstCity = document.getElementById('ctl00_ContentPlaceHolder1_RequiredFieldValidator14');

        if (selectedState == "Other") {
            fnStateCityVisiblity("visible", "hidden");
            reqValidator_txtOtherState.enabled = true; // 8th Nov
            reqValidator_txtOtherCity.enabled = true;  // 8th Nov
            //reqValidatorLstState.enabled = false;
            reqValidatorLstCity.enabled = false;
            /*txtState.style.visibility = "visible";
            lstCity.style.visibility = "hidden";
            txtCity.style.visibility = "visible"; */
        }
        else {
            fnPopulateCity(result, context);
            reqValidator_txtOtherState.enabled = false; // 8th Nov
            reqValidator_txtOtherCity.enabled = false;  // 8th Nov
        }
    }

    function fnCountryOnChange() 
    {
        var lstState = document.getElementById("ctl00_ContentPlaceHolder1_lstState");
        var lstCountry = document.getElementById("ctl00_ContentPlaceHolder1_lstCountry");
        var selectedCountry = lstCountry.value;
        // Added 19th Oct
        var reqdValidatorState = document.getElementById('ctl00_ContentPlaceHolder1_RequiredFieldValidator13');
        var reqdValidatorCity = document.getElementById('ctl00_ContentPlaceHolder1_RequiredFieldValidator14');
        //8th Nov
        var pincodeValidator = document.getElementById('ctl00_ContentPlaceHolder1_RegularExpressionValidator2');
        var txtPin = document.getElementById('ctl00_ContentPlaceHolder1_txtPin');
        var reqValidator_txtOtherState = document.getElementById('ctl00_ContentPlaceHolder1_reqdValidator_txtOtherState');
        var reqValidator_txtOtherCity = document.getElementById('ctl00_ContentPlaceHolder1_reqdValidator_txtOtherCity');

        if (selectedCountry != "India") {
            lstState.style.visibility = "hidden";
            reqdValidatorState.enabled = false; // 19th Oct
            reqdValidatorCity.enabled = false;
            pincodeValidator.enabled = false;  //8th Nov
            txtPin.setAttribute("maxLength", 20);  //8th Nov
            reqValidator_txtOtherState.enabled = true; // 8th Nov
            reqValidator_txtOtherCity.enabled = true;  // 8th Nov
            fnStateCityVisiblity("visible", "hidden");
        }
        else {
		    txtPin.value="";
		//19th oct
        pincodeValidator.enabled = true;
        txtPin.setAttribute("maxLength", 6);
        // Added 23rd Oct
        reqdValidatorState.enabled = true;
        reqdValidatorCity.enabled = true;
        ///////////////////////
            lstState.style.visibility = "visible";
            fnStateCityVisiblity("hidden", "visible");

            reqValidator_txtOtherState.enabled = false; // 8th Nov
            reqValidator_txtOtherCity.enabled = false;  // 8th Nov
        }
    }
    
    function fnCityOnChange()
    {
        var lstCity = document.getElementById("ctl00_ContentPlaceHolder1_lstCity");
        var txtCity = document.getElementById("ctl00_ContentPlaceHolder1_txtOtherCity");
        var lblErr = document.getElementById("ctl00_ContentPlaceHolder1_lblCityErr");
        // hidden input field is  defined so as to get selected value of City dropdown
        // as it is populated with javascript on client side hence is not available 
        //to server
        var hiddenCity = document.getElementById("ctl00_ContentPlaceHolder1_hiddenSelectedCity");

        //var selectedIndex = lstCity.selectedIndex;
        //var selectedCity = lstCity[selectedIndex].value;
        var selectedCity = lstCity.value;
        hiddenCity.value = selectedCity;
        var reqValidator_txtOtherState = document.getElementById('ctl00_ContentPlaceHolder1_reqdValidator_txtOtherState');
        var reqValidator_txtOtherCity = document.getElementById('ctl00_ContentPlaceHolder1_reqdValidator_txtOtherCity');
        //alert(selectedCity);

        if (selectedCity == "Other") {
            //txtCity.style.visibility = "visible";
            txtCity.style.visibility = "visible";
            reqValidator_txtOtherCity.enabled = true;  // 8th Nov
            reqValidator_txtOtherState.enabled = false; //8th Nov
        }
        /*else if (selectedCity == "[Select City]") 
        {
        lblErr.style.visibility = "visible";
        lblErr.value= "Specify City";
        return;
        }*/
        else
        {
            txtCity.style.visibility = "hidden";
            reqValidator_txtOtherCity.enabled = false;  // 8th Nov
        }

    }

   
    /*function fnOnEditBtnClick() 
    {
       
        var p1 = document.getElementById("ctl00_ContentPlaceHolder1_panelRegister");
        p1.style.visibility = "visible";
        alert("Edit click");
        var p2 = document.getElementById("ctl00_ContentPlaceHolder1_p2");
        p2.style.visibility = "hidden";
    }*/

    /*function fnSalutationValidation() 
    {
        var lstSalutation = document.getElementById("ctl00_ContentPlaceHolder1_lstSalutaion");
        var selectedIndex = lstSalutation.selectedIndex;
        var selectedSalutation = lstSalutation[selectedIndex].value;
        if (selectedSalutation == "[Select Salutation]")
            alert("please select salutation");
        
    }*/
        
        

        
        
        
       
          

