$(function() {
	load_ymm_dropdown_change();
});

function load_ymm_dropdown_change() {

	var el_ymm		 				= document.getElementById("ymm");
	var el_ymm_year 			= document.getElementById("ymm_year");
	var el_ymm_make 			= document.getElementById("ymm_make");
	var el_ymm_year_img 	= document.getElementById("ymm_year_img");
	var el_ymm_make_img 	= document.getElementById("ymm_make_img");
	var el_ymm_model_img 	= document.getElementById("ymm_model_img");
	
	if (el_ymm != null && el_ymm_year_img != null && el_ymm_make_img != null && el_ymm_model_img != null) {
	
		$(el_ymm_year).change( function() {
			
			if (el_ymm_year.value!="") {
				el_ymm_make_img.src = el_ymm_make_img.src.replace(/step1B/, "step1A");
				el_ymm_year_img.src = el_ymm_year_img.src.replace(/step2B/, "step2A");
				el_ymm_model_img.src = el_ymm_model_img.src.replace(/step3A/, "step3B");
			} else {
				el_ymm_make_img.src = el_ymm_make_img.src.replace(/step1A/, "step1B");
				el_ymm_year_img.src = el_ymm_year_img.src.replace(/step2A/, "step2B");
				el_ymm_model_img.src = el_ymm_model_img.src.replace(/step3B/, "step3A");
			}
		});
		$(el_ymm_make).change( function() {
			if (el_ymm_make.value!="") { 
				el_ymm_year_img.src = el_ymm_year_img.src.replace(/step2A/, "step2B");
				el_ymm_model_img.src = el_ymm_model_img.src.replace(/step3B/, "step3A");
			} else {
				el_ymm_make_img.src = el_ymm_make_img.src.replace(/step2A/, "step2B");
				el_ymm_model_img.src = el_ymm_model_img.src.replace(/step3B/, "step3A");
			}
		});
		
	}

};