var key;
var webService;
var portalIds;

var ddlCountry, ddlState, ddlCity, rbltype;
   
function selectCountry()
{
                           
    $.ajax({        
        type: "POST",
        url: webService + 'GetStatesIncludeUserData',
        data: '{\"Key\":\"' + key +'\", \"CountryId\":' + ddlCountry.val() + ', \"PortalIds\": [' + $('#pnlQ input:checked').val() + '] }',
        contentType: "application/json; char=utf-8",
        dataType: "json",
        success: function(data, status) {
        
            $('#QuestionB, #QuestionC, #QuestionD').removeClass('disabled');
            $('#QuestionB input, #QuestionB select, #QuestionC input, #QuestionC select, #QuestionD input, #QuestionD select').removeAttr('disabled');
        
            var states = JSON.parse(data);
            
            if (states != null)
            {                  
                ddlState.append('<option value="0">Please Select</option>');
                
                for(i=0;i<states.length;i++)
                {
                    if (states[i].Id > 0)
                    {
                        ddlState.append('<option value="' + states[i].Id + '">' + states[i].Name + '</option>');
                    }
                    else
                    {
                        ddlState.append('<option value="' + states[i].Name + '">' + states[i].Name + '</option>');
                    }                    
                }
                
                $('#QuestionB').removeClass('disabled');
                $('#QuestionB select, #QuestionB input').removeAttr('disabled', 'disabled');
            }
            else
            {
                $('#QuestionB').addClass('disabled');
                $('#QuestionB select, #QuestionB input').attr('disabled', 'disabled');
            }
            
            $('#pnlQ3 h3:contains(\'OR\')').show();
            $('#pnlQ3').addClass('disabled');
            $('#pnlQ3 input, #pnlQ3 select').attr('disabled', 'disabled');
        },
        error: function(data, status) {
            ddlState.attr('disabled');
            
            $('#pnlQ3 h3:contains(\'OR\')').show();
            $('#pnlQ3').addClass('disabled');
            $('#pnlQ3 input, #pnlQ3 select').attr('disabled', 'disabled');
        }
    });
                            
    $.ajax({        
        type: "POST",
        url: webService + 'GetStoreCities',
        data: '{\"Key\":\"' + key +'\", \"CountryId\":' + ddlCountry.val() + ', \"PortalIds\": [' + $('#pnlQ input:checked').val() + '] }',
        contentType: "application/json; char=utf-8",
        dataType: "json",
        success: function(data, status) {
        
            $('#QuestionA, #QuestionC, #QuestionD').removeClass('disabled');
            $('#QuestionA input, #QuestionA select, #QuestionC input, #QuestionC select, #QuestionD input, #QuestionD select').removeAttr('disabled');
            
            var cities = JSON.parse(data);
            
            if (cities != null)
            {
                ddlCity.append('<option value="0">Please Select</option>');
                
                for(i=0;i<cities.length;i++)
                {
                    ddlCity.append('<option>' + cities[i] + '</option>');
                }
                
                $('#QuestionC').removeClass('disabled');
                $('#QuestionC select, #QuestionC input').removeAttr('disabled', 'disabled');
            }
            else
            {
                $('#QuestionC').addClass('disabled');
                $('#QuestionC select, #QuestionC input').attr('disabled', 'disabled');
            }
            
            $('#pnlQ3 h3:contains(\'OR\')').show();
            $('#pnlQ3').addClass('disabled');
            $('#pnlQ3 input, #pnlQ3 select').attr('disabled', 'disabled');
        },
        error: function(data, status) {
            ddlCity.attr('disabled');
            
            $('#pnlQ3 h3:contains(\'OR\')').show();
            $('#pnlQ3').addClass('disabled');
            $('#pnlQ3 input, #pnlQ3 select').attr('disabled', 'disabled');
        }
    });
                            
    $('#pnlQ3 input.text').val('');
    ddlState.children().remove();
    ddlCity.children().remove();            
    
    $('#pnlQ2, #pnlQ2 label').removeClass('disabled');
    $('#pnlQ2 input').removeAttr('disabled');      
          
}

function selectRetailer()
{
    if ($('#pnlQ2 input:checked').val() == 1)
    {
        //Online
        $('#pnlQ3').addClass('disabled');
        $('#pnlQ3 input, #pnlQ3 select').attr('disabled', 'disabled');
        $('#pnlQ2 input.go').show();
    }
    else
    {
        //Retailer
        $('#pnlQ3, #pnlQ3 label').removeClass('disabled');
        $('#pnlQ3 input, #pnlQ3 select').removeAttr('disabled');
        $('#pnlQ3 .go').attr('disabled', 'disabled');
        $('#pnlQ2 input.go').hide();
        $('#pnlQ2 input').attr('disabled', 'disabled');
        $('#pnlQ2, #pnlQ2 label').addClass('disabled');
    }    

}

function reset()
{
    ddlCountry.val(0);
    $('input[type=radio]').removeAttr('checked');
                                                  
    $('#pnlQ1, #pnlQ1 label, #pnlQ2, #pnlQ3, #pnlQ2 label, #pnlQ3 label').addClass('disabled');
    $('#pnlQ2 input, #pnlQ3 input, #pnlQ3 select').attr('disabled', 'disabled');
    
    $('input.text').val('');
    ddlState.children().remove();
    ddlCity.children().remove();
}


$(document).ready(function() {
    
    ddlCountry = $('#pnlQ1 select.country');
    ddlState = $('#pnlQ3 select.state');
    ddlCity = $('#pnlQ3 select.city');
    
    ddlCountry.change(selectCountry);
    $('#pnlQ2 input[type=radio]').click(selectRetailer);
    $('.reset').click(reset);
    
    rbltype = $('#pnlQ input[type=radio]')
    
    $('#pnlQ3 input.postcode').keydown(function() {
    
        $('#QuestionB, #QuestionC, #QuestionD, #QuestionB label, #QuestionC label, #QuestionD label').addClass('disabled');
        $('#QuestionB input, #QuestionB select, #QuestionC input, #QuestionC select, #QuestionD input, #QuestionD select').attr('disabled', 'disabled');
        $('#pnlQ3 h3:contains(\'OR\')').hide();
        $('#pnlQ3 .postcode_button').removeAttr('disabled');
    });
    
    ddlState.change(function() {
    
        $('#QuestionA, #QuestionC, #QuestionD, #QuestionA label, #QuestionC label, #QuestionD label').addClass('disabled');
        $('#QuestionA input, #QuestionA select, #QuestionC input, #QuestionC select, #QuestionD input, #QuestionD select').attr('disabled', 'disabled');
        $('#pnlQ3 h3:contains(\'OR\')').hide();
        $('#QuestionB label').removeAttr('disabled');
        $('#pnlQ3 .state_button').removeAttr('disabled');

    });
    
    ddlCity.change(function() {
    
        $('#QuestionA, #QuestionB, #QuestionD, #QuestionA label, #QuestionB label, #QuestionD label').addClass('disabled');
        $('#QuestionA input, #QuestionA select, #QuestionB input, #QuestionB select, #QuestionD input, #QuestionD select').attr('disabled', 'disabled');
        $('#pnlQ3 h3:contains(\'OR\')').hide();
        $('#QuestionC label').removeAttr('disabled');
        $('#pnlQ3 .city_button').removeAttr('disabled');

    });
    
    $('#pnlQ3 input.storename').keydown(function() {
    
        $('#QuestionA, #QuestionB, #QuestionC, #QuestionA label, #QuestionB label, #QuestionC label').addClass('disabled');
        $('#QuestionA input, #QuestionA select, #QuestionB input, #QuestionB select, #QuestionC input, #QuestionC select').attr('disabled', 'disabled');
        $('#pnlQ3 h3:contains(\'OR\')').hide();
        $('#QuestionD label').removeAttr('disabled');
        $('#pnlQ3 .store_button').removeAttr('disabled');

    });

    $('#pnlQ input[type=radio]').click(function() {
        $('#pnlQ2, #pnlQ2 label, #pnlQ3, #pnlQ3 label').addClass('disabled');
        $('#pnlQ2 input, #pnlQ3 input, #pnlQ3 select').attr('disabled', 'disabled');
        $('#pnlQ2 input.go').hide();
        $('#pnlQ1, #pnlQ1 label').removeClass('disabled');
        $('#pnlQ1 select').removeAttr('disabled');
    });

    if (ddlCountry.val() != '0')
    {    
        selectCountry();   
        selectRetailer();
    }
    else
    {
        $('#pnlQ2, #pnlQ2 label, #pnlQ3, #pnlQ3 label').addClass('disabled');
        $('#pnlQ2 input, #pnlQ3 input, #pnlQ3 select').attr('disabled', 'disabled');
        $('#pnlQ2 input.go').hide();
    }

    $('#pnlQ1, #pnlQ1 label').addClass('disabled');
    $('#pnlQ1 select').attr('disabled', 'disabled');
            
});