jQuery(document).ready(function(){

		const market_01 = document.querySelectorAll('.Market-01');
		const market_01_add = document.querySelectorAll('.Market-Add-01');
		const market_02 = document.querySelectorAll('.Market-02');
		const market_02_add = document.querySelectorAll('.Market-Add-02');
		const market_03 = document.querySelectorAll('.Market-03');
		const market_03_add = document.querySelectorAll('.Market-Add-03');
		const market_basic_name = document.querySelectorAll('.Options-Name');

		const field_market_01 = document.querySelectorAll('.market1');
		const field_market_01_name = document.querySelectorAll('.market1name');
		const field_market_02 = document.querySelectorAll('.market2');
		const field_market_02_name = document.querySelectorAll('.market2name');
		const field_market_03 = document.querySelectorAll('.market3');
		const field_market_03_name = document.querySelectorAll('.market1name3');

		const button_reset_market_01 = document.querySelectorAll('.Reset-1');
		const button_remove_market_01 = document.querySelectorAll('.Remove-1');
		const button_reset_market_02 = document.querySelectorAll('.Reset-2');
		const button_remove_market_02 = document.querySelectorAll('.Remove-2');
		const button_reset_market_03 = document.querySelectorAll('.Reset-3');
		const button_remove_market_03 = document.querySelectorAll('.Remove-3');

		const select_all_market1 = document.querySelectorAll('.Select-Market-1');
		const select_all_market2 = document.querySelectorAll('.Select-Market-2');
		const select_all_market3 = document.querySelectorAll('.Select-Market-3');

		const select_fields_state_filters = document.querySelectorAll('select[name^=\"state_filter_\"]');
		const select_fields_msa = document.querySelectorAll('select[name^=\"msa_filter_\"]');
		const select_fields_state = document.querySelectorAll('select[name^=\"state_\"]');
		const select_fields_region = document.querySelectorAll('select[name^=\"region_\"]');
		
		const portable_choice_msa = document.querySelectorAll('#portable_choice_metro');
		const portable_choice_state = document.querySelectorAll('#portable_choice_state');
		const portable_choice_region = document.querySelectorAll('#portable_choice_region');
		const portable_choice_usa = document.querySelectorAll('#portable_choice_usa');
		
		const select_state_filters = document.querySelectorAll('.mkt-state-city-state');
		const select_msa = document.querySelectorAll('.mkt-state-city');
		const select_state = document.querySelectorAll('.mkt-state-only');
		const select_region = document.querySelectorAll('.mkt-region');
		
		const region_map = document.querySelectorAll('#Order-Region-Map');
		       
        var urlParams = new URLSearchParams(window.location.search); //get all parameters
        var market_level = urlParams.get('market');
        var market_count = jQuery('#Portable_Market_Count').val();
        
        /* START Upgrade Request Form Addition */
        jQuery('#inf_option_ChangeMarketType').click(function() {
            jQuery(portable_choice_msa).click();
            portable_show_msa();
            portable_show_mkts_1();
            reset_all_fields();
            reset_adds_to_start();
            reset_remove_to_start();
        });
        /* END Upgrade Request Form Addition */
        
        
        if(market_level == 'metro') { //check if foo parameter is set to anything
            jQuery('#portable_choice_metro').click();
            portable_show_msa();
        }
        jQuery(portable_choice_msa).click(function() {
            portable_show_msa();
            portable_show_mkts_1();
            reset_all_fields();
            reset_adds_to_start();
            reset_remove_to_start();
        });
        if(market_level == 'state') { //check if foo parameter is set to anything
            jQuery('#portable_choice_state').click();
            portable_show_state();
        }
        jQuery(portable_choice_state).click(function() {
            portable_show_state();
            portable_show_mkts_1();
            reset_all_fields();
            reset_adds_to_start();
            reset_remove_to_start();
        });
        if(market_level == 'region') { //check if foo parameter is set to anything
            jQuery('#portable_choice_region').click();
            portable_show_region();
        }
        jQuery(portable_choice_region).click(function() {
            portable_show_region();
            portable_show_mkts_1();
            reset_all_fields();
            reset_adds_to_start();
            reset_remove_to_start();
        });
        if(market_level == 'usa') { //check if foo parameter is set to anything
            jQuery('#portable_choice_usa').click();
            portable_show_usa();
        }
        jQuery(portable_choice_usa).click(function() {
            portable_show_usa();
            portable_show_mkts_1();
            jQuery(market_02_add).hide();
            jQuery(market_03_add).hide();
            jQuery(button_reset_market_01).hide();
            jQuery(button_remove_market_01).hide();
        });
    
        jQuery(market_01_add).click(function() {
            portable_show_mkts_1();
            jQuery(select_all_market1).attr('required',true);
            jQuery(market_01_add).hide();
            jQuery(button_reset_market_01).hide();
            jQuery(button_remove_market_01).show();
            jQuery(button_reset_market_02).hide();
            jQuery(button_remove_market_02).hide();
            jQuery(button_reset_market_03).hide();
            jQuery(button_remove_market_03).hide();
        });
        jQuery(button_reset_market_01).click(function() {
            reset_market_01();
        });
        jQuery(button_remove_market_01).click(function() {
            remove_market_01();
            jQuery(select_all_market1).attr('required',false);
        });
        jQuery(market_02_add).click(function() {
            portable_show_mkts_2();
            jQuery(select_all_market2).attr('required',true);
            jQuery(market_02_add).hide();
            jQuery(button_reset_market_01).show();
            jQuery(button_remove_market_01).hide();
            jQuery(button_reset_market_02).hide();
            jQuery(button_remove_market_02).show();
            jQuery(button_reset_market_03).hide();
            jQuery(button_remove_market_03).hide();
        });
        jQuery(button_reset_market_02).click(function() {
            reset_market_02();
       });
        jQuery(button_remove_market_02).click(function() {
            remove_market_02();
            jQuery(select_all_market2).attr('required',false);
            jQuery(button_reset_market_01).show();
            jQuery(button_remove_market_01).hide();
        });
        jQuery(market_03_add).click(function() {
            portable_show_mkts_3();
            jQuery(select_all_market3).attr('required',true);
            jQuery(market_03_add).hide();
            jQuery(button_reset_market_01).show();
            jQuery(button_remove_market_01).hide();
            jQuery(button_reset_market_02).show();
            jQuery(button_remove_market_02).hide();
            jQuery(button_reset_market_03).hide();
            jQuery(button_remove_market_03).show();
        });
        jQuery(button_reset_market_03).click(function() {
            reset_market_03();
        });
        jQuery(button_remove_market_03).click(function() {
            remove_market_03();
            jQuery(select_all_market3).attr('required',false);
            jQuery(button_reset_market_02).hide();
            jQuery(button_remove_market_02).show();
        });


        function portable_show_mkts_1() {	
            jQuery(market_01).show();
            jQuery(market_02_add).show();
            jQuery(market_02).hide();
            jQuery(market_03).hide();
        }

        function portable_show_mkts_2() {	
            jQuery(market_01).show();
            jQuery(market_03_add).show();
            jQuery(market_02).show();
            jQuery(market_03).hide();
        }
        function portable_show_mkts_3() {	
            jQuery(market_01).show();
            jQuery(market_02).show();
            jQuery(market_03).show();
        }
        
        function portable_show_msa() {	
            jQuery(market_basic_name).hide();
            jQuery(select_state_filters).show();
            jQuery(select_msa).show();
            jQuery(select_state).hide();
            jQuery(select_region).hide();
        }
        function portable_show_state() {	
            jQuery(market_basic_name).hide();
            jQuery(select_state_filters).hide();
            jQuery(select_msa).hide();
            jQuery(select_state).show();
            jQuery(select_region).hide();
        }
        function portable_show_region() {	
            jQuery(market_basic_name).hide();
            jQuery(select_state_filters).hide();
            jQuery(select_msa).hide();
            jQuery(select_state).hide();
            jQuery(select_region).show();
        }
        function portable_show_usa() {	
            jQuery(field_market_01).val('440');
            jQuery(field_market_01_name).val('USA');
            jQuery(market_basic_name).html('Entire USA');
            jQuery(market_basic_name).show();
            jQuery(select_state_filters).hide();
            jQuery(select_msa).hide();
            jQuery(select_state).hide();
            jQuery(select_region).hide();
        }
        function reset_all_fields() {
            jQuery(field_market_01).val('');
            jQuery(field_market_01_name).val('');
            jQuery(field_market_02).val('');
            jQuery(field_market_02_name).val('');
            jQuery(field_market_03).val('');
            jQuery(field_market_03_name).val('');
        }
        function reset_adds_to_start() {
            jQuery(select_all_market1).attr('required',true);
            jQuery(market_01_add).hide();
            jQuery(market_02_add).show();
            jQuery(market_03_add).hide();
        }
        function reset_remove_to_start() {
            jQuery(button_reset_market_01).show();
            jQuery(button_remove_market_01).hide();
            jQuery(button_reset_market_01).show();
            jQuery(button_remove_market_01).hide();
            jQuery(button_reset_market_01).show();
            jQuery(button_remove_market_01).hide();
        }
        function reset_market_01() {
            jQuery(field_market_01).val('');
            jQuery(field_market_01_name).val('');
            jQuery(select_all_market1).val('');
        
        }
        function remove_market_01() {
            jQuery(field_market_01).val('');
            jQuery(field_market_01_name).val('');
            jQuery(select_all_market1).val('');
            jQuery(market_01).hide();
            jQuery(market_01_add).show();
            reset_market_02();
            jQuery(market_02).hide();
            jQuery(market_02_add).hide();
            reset_market_03();
            jQuery(market_03).hide();
            jQuery(market_03_add).hide();
        }
        function reset_market_02() {
            jQuery(field_market_02).val('');
            jQuery(field_market_02_name).val('');
            jQuery(select_all_market2).val('');
        }
        function remove_market_02() {
            jQuery(field_market_02).val('');
            jQuery(field_market_02_name).val('');
            jQuery(select_all_market2).val('');
            jQuery(market_02).hide();
            jQuery(market_02_add).show();
            reset_market_03();
            jQuery(market_03).hide();
            jQuery(market_03_add).hide();
        }
        function reset_market_03() {
            jQuery(field_market_03).val('');
            jQuery(field_market_03_name).val('');
            jQuery(select_all_market3).val('');
        }
        function remove_market_03() {
            jQuery(field_market_03).val('');
            jQuery(field_market_03_name).val('');
            jQuery(select_all_market3).val('');
            jQuery(market_03).hide();
            jQuery(market_03_add).show();
        }
            
                        
});