function matchup(dd_prefix){
    var w = $("sel_" + dd_prefix + "_province").selectedIndex;
    var province_selected_text = $("sel_" + dd_prefix + '_province').options[w].text;
    $("id_" + dd_prefix + '_province').value = province_selected_text;
    if(province_selected_text == "---"){
        $("id_" + dd_prefix + '_province').value = "";
    }
    
    var w = $("sel_" + dd_prefix + "_city").selectedIndex;
    var city_selected_text = $("sel_" + dd_prefix + '_city').options[w].text;
    if(city_selected_text != "--- ENTER MY CITY ---"){
        if($("id_" + dd_prefix + '_city').style.display == "none"){
            $("id_" + dd_prefix + '_city').value = city_selected_text;
        }
    }
    if(city_selected_text == "---"){
        $("id_" + dd_prefix + '_city').value = "";
    }
    
    var w = $("sel_" + dd_prefix + "_suburb").selectedIndex;
    var suburb_selected_text = $("sel_" + dd_prefix + '_suburb').options[w].text;
    if(suburb_selected_text != "--- ENTER MY AREA ---"){
        if($("id_" + dd_prefix + '_suburb').style.display == "none"){
            $("id_" + dd_prefix + '_suburb').value = suburb_selected_text;
        }
    }
    if(suburb_selected_text == "---"){
        if($("id_" + dd_prefix + '_suburb').style.display == "none"){
            $("id_" + dd_prefix + '_suburb').value = "";
        }
    }
    
    var w = $("sel_" + dd_prefix + "_area").selectedIndex;
    var area_selected_text = $("sel_" + dd_prefix + '_area').options[w].text;
    if(area_selected_text != "--- ENTER MY SUBURB ---"){
        if($("id_" + dd_prefix + '_area').style.display == "none"){
            $("id_" + dd_prefix + '_area').value = area_selected_text;
        }
    }
    if(area_selected_text == "---" ){
        if($("id_" + dd_prefix + '_area').style.display == "none"){
            $("id_" + dd_prefix + '_area').value = "";
        }
    }
}

function SelectRegion(dd_prefix, element){
	$("ajax_" + dd_prefix + '_city').innerHTML = '<div class="ajaxloader"><img src="/static/img/ajax-loader.gif"/></div>';
    var myRequest = new Request({
		method: 	'post',
		url:		'/user/account/ajax/'+ dd_prefix + '_city/',
		onComplete: function(request){
			$("ajax_" + dd_prefix + '_city').innerHTML = request;
			updateCity(dd_prefix, element);
        }
	}).send("region_id=" + $("sel_" + dd_prefix + "_province").get("value"));	

}

function updateCity(dd_prefix, element){
    var w = $("sel_" + dd_prefix + "_city").selectedIndex;
    var city_selected_text = $("sel_" + dd_prefix + '_city').options[w].text;

    if(city_selected_text == "--- ENTER MY CITY ---"){
		$("sel_" + dd_prefix + '_city').style.display = "block";     $("id_" + dd_prefix + '_city').style.display = "block";
		$("sel_" + dd_prefix + '_suburb').style.display = "none";   $("id_" + dd_prefix + '_suburb').style.display = "block";
		$("sel_" + dd_prefix + '_area').style.display = "none";     $("id_" + dd_prefix + '_area').style.display = "block";
    }else{
		if($("sel_" + dd_prefix + '_city').length == 1 && city_selected_text == "---"){
    		$("sel_" + dd_prefix + '_city').style.display = "none";     $("id_" + dd_prefix + '_city').style.display = "block";     $("id_" + dd_prefix + '_city').value = "";
    		$("sel_" + dd_prefix + '_suburb').style.display = "none";   $("id_" + dd_prefix + '_suburb').style.display = "block";   $("id_" + dd_prefix + '_suburb').value = "";

			
    		$("sel_" + dd_prefix + '_area').style.display = "none";     $("id_" + dd_prefix + '_area').style.display = "block";     $("id_" + dd_prefix + '_area').value = "";
            
        }else{
    		$("sel_" + dd_prefix + '_city').style.display = "block";     $("id_" + dd_prefix + '_city').style.display = "none";

        	$("ajax_" + dd_prefix + '_suburb').innerHTML = '<div class="ajaxloader"><img src="/static/img/ajax-loader.gif"/></div>';
            var myRequest = new Request({
        		method: 	'post',
        		url:		'/user/account/ajax/'+ dd_prefix + '_suburb/',
        		onComplete: function(request){
        			$("ajax_" + dd_prefix + '_suburb').innerHTML = request;
                    updateSuburb(dd_prefix, element);
        		}
            }).send("city_title=" + city_selected_text);
        }
    }
}

function updateSuburb(dd_prefix, element){ // area
    var w = $("sel_" + dd_prefix + "_city").selectedIndex;
    var city_selected_text = $("sel_" + dd_prefix + '_city').options[w].text;

    var w = $("sel_" + dd_prefix + "_suburb").selectedIndex;
    var suburb_selected_text = $("sel_" + dd_prefix + '_suburb').options[w].text;

    if(suburb_selected_text == "--- ENTER MY AREA ---"){
		$("sel_" + dd_prefix + '_suburb').style.display = "block";     $("id_" + dd_prefix + '_suburb').style.display = "block";
		$("sel_" + dd_prefix + '_area').style.display = "none";     $("id_" + dd_prefix + '_area').style.display = "block";
    }else{
        if(suburb_selected_text != "---"){			
    		$("sel_" + dd_prefix + '_suburb').style.display = "block";     $("id_" + dd_prefix + '_suburb').style.display = "none";
    		$("sel_" + dd_prefix + '_area').style.display = "block";     $("id_" + dd_prefix + '_area').style.display = "none";
        	$("ajax_" + dd_prefix + '_area').innerHTML = '<div class="ajaxloader"><img src="/static/img/ajax-loader.gif"/></div>';
            var myRequest = new Request({
        		method: 	'post',
        		url:		'/user/account/ajax/'+ dd_prefix + '_area/',
        		onComplete: function(request){
        			$("ajax_" + dd_prefix + '_area').innerHTML = request;
                    var w = $("sel_" + dd_prefix + "_area").selectedIndex;
                    var area_selected_text = $("sel_" + dd_prefix + '_area').options[w].text;

                    if(area_selected_text == "--- ENTER MY SUBURB ---"){
                		$("sel_" + dd_prefix + '_area').style.display = "block";     $("id_" + dd_prefix + '_area').style.display = "block";
                    }
                    if(area_selected_text == "---" && $("sel_" + dd_prefix + '_area').length == 1){
                		$("sel_" + dd_prefix + '_area').style.display = "none";     $("id_" + dd_prefix + '_area').style.display = "block";
                    }
        		}
            }).send("city=" + city_selected_text + "&suburb=" + suburb_selected_text);
        }
    }
}

function updateArea(dd_prefix, element){

    var w = $("sel_" + dd_prefix + "_city").selectedIndex;
    var city_selected_text = $("sel_" + dd_prefix + '_city').options[w].text;

    var w = $("sel_" + dd_prefix + "_suburb").selectedIndex;
    var suburb_selected_text = $("sel_" + dd_prefix + '_suburb').options[w].text;

    var w = $("sel_" + dd_prefix + "_area").selectedIndex;
    var area_selected_text = $("sel_" + dd_prefix + '_area').options[w].text;

    if(area_selected_text == "--- ENTER MY SUBURB ---"){
		$("sel_" + dd_prefix + '_area').style.display = "block";     $("id_" + dd_prefix + '_area').style.display = "block";
    }else{
	    $("sel_" + dd_prefix + '_area').style.display = "block";     $("id_" + dd_prefix + '_area').style.display = "none";
    }
}

function SelectCity(dd_prefix, element){
    updateCity(dd_prefix, element);
}

function SelectSuburb(dd_prefix, element){
    updateSuburb(dd_prefix, element);
}

function SelectArea(dd_prefix, element){
    updateArea(dd_prefix, element);
}