var countryInput;
var stateInput;

(function($){
        
    $(function(){
        countryInput = $('#edit-submitted-billing-information-billing-country');
        stateInput = $('#edit-submitted-billing-information-billing-state');
    
        //If there is a country drop down, we need to listen to 'onchange' to adjust it's corresponding state select
        countryInput.change(syncStateAndCountry);
       
        syncStateAndCountry();
    });
    
    function syncStateAndCountry()
    {
        if(countryInput.val() == 'US'){
        //Is US. If state select is NOT a dropdown, make it one
            if(stateInput.is('input')){
                var oldVal = stateInput.val();
                
                stateInput.replaceWith('<select name="' + stateInput.attr('name') + '" id="' + stateInput.attr('id') + '" class="' + stateInput.attr('class') + '" />');
    
                stateInput = $('#edit-submitted-billing-information-billing-state');
              
                stateInput.html(stateOptions).val(oldVal);
            }
        } else {
        //If the state is a select, we need to make it a text
            if(stateInput.is('select')){
                stateInput.replaceWith('<input name="' + stateInput.attr('name') + '" id="' + stateInput.attr('id') + '" class="' + stateInput.attr('class') + '" />');
      
                stateInput = $('#edit-submitted-billing-information-billing-state');
            }
        }
    }
})(jQuery);

var stateOptions = '<option value="AL">Alabama</option>\
<option value="AK">Alaska</option> \
<option value="AZ">Arizona</option> \
<option value="AR">Arkansas</option> \
<option value="CA">California</option> \
<option value="CO">Colorado</option> \
<option value="CT">Connecticut</option> \
<option value="DE">Delaware</option> \
<option value="DC">District Of Columbia</option> \
<option value="FL">Florida</option> \
<option value="GA">Georgia</option> \
<option value="HI">Hawaii</option> \
<option value="ID">Idaho</option> \
<option value="IL">Illinois</option> \
<option value="IN">Indiana</option> \
<option value="IA">Iowa</option> \
<option value="KS">Kansas</option> \
<option value="KY">Kentucky</option> \
<option value="LA">Louisiana</option> \
<option value="ME">Maine</option> \
<option value="MD">Maryland</option> \
<option value="MA">Massachusetts</option> \
<option value="MI">Michigan</option> \
<option value="MN">Minnesota</option> \
<option value="MS">Mississippi</option> \
<option value="MO">Missouri</option> \
<option value="MT">Montana</option> \
<option value="NE">Nebraska</option> \
<option value="NV">Nevada</option> \
<option value="NH">New Hampshire</option> \
<option value="NJ">New Jersey</option> \
<option value="NM">New Mexico</option> \
<option value="NY">New York</option> \
<option value="NC">North Carolina</option> \
<option value="ND">North Dakota</option> \
<option value="OH">Ohio</option> \
<option value="OK">Oklahoma</option> \
<option value="OR">Oregon</option> \
<option value="PA">Pennsylvania</option> \
<option value="RI">Rhode Island</option> \
<option value="SC">South Carolina</option> \
<option value="SD">South Dakota</option> \
<option value="TN">Tennessee</option> \
<option value="TX">Texas</option> \
<option value="UT">Utah</option> \
<option value="VT">Vermont</option> \
<option value="VA">Virginia</option> \
<option value="WA">Washington</option> \
<option value="WV">West Virginia</option> \
<option value="WI">Wisconsin</option> \
<option value="WY">Wyoming</option>';
;

