$(document).ready(function() {
    // ダイアログボックスの初期化
    $('#dialog_state').dialog({
        bgiframe: true,
        autoOpen: false,
        width: 750,
        height: 320,
        modal: false,
		position:['center','top'],
        buttons: {
            // 「OK」ボタンがクリックされた時には、
            // ダイアログボックスを閉じる
            'OK': function() {
                $(this).dialog('close');
            },
            // 「キャンセル」ボタンがクリックされた時には、
            // ダイアログボックスを閉じる
            'キャンセル': function() {
                $(this).dialog('close');
            }
        }
    });


    $('#dialog_city').dialog({
        bgiframe: true,
        autoOpen: false,
        width: 720,
        height: 500,
        modal: false,
		position:['center','top'],
        buttons: {
            // 「OK」ボタンがクリックされた時には、
            // ダイアログボックスを閉じる
            'OK': function() {
                $(this).dialog('close');
            },
            // 「キャンセル」ボタンがクリックされた時には、
            // ダイアログボックスを閉じる
            'キャンセル': function() {
                $(this).dialog('close');
            }
        }
    });


});


function OpenDialogState(){

	if($('#dialog_city').dialog('isOpen')) {
			
		$('#dialog_city').dialog('close');
		
	}

	$('#dialog_state').dialog('open');
	return false;

}

function StateClick(s_code){

		if($('#dialog_city').dialog('isOpen')) {
			
			$('#dialog_city').dialog('close');
		
		}

		$("#result1").html('');

        $('#dialog_state').dialog('close');

		var data = new Object();
	
		//data.s_code = $(this).attr('rel');
		data.s_code = s_code;
		data.c_code = $("#city_code").val();
		
		$.ajax({
			url:'./common/getCityData.php',
			type:'POST',
			data:data,
			dataType:'text',
			success:function(res_json) {

				results = res_json.split(",");
			
				var json = eval("(["+decodeURIComponent(results[0])+"])");

				var html1 = "";

				var old_area = "";
			
				var k = 0;
			
				$("#state_select").html('<a href="javascript:void(0);" onclick="OpenDialogState()">'+decodeURIComponent(results[1])+'</a>&nbsp;&nbsp;&nbsp;<div style="float:right;">');

				if(decodeURIComponent(results[3])==""){
					$("#city_select").html('<a href="javascript:void(0);" onclick="StateClick('+decodeURIComponent(results[2])+')">市区町村を選択</a>');
				}else{
					$("#city_select").html('<a href="javascript:void(0);" onclick="StateClick('+decodeURIComponent(results[2])+')">'+decodeURIComponent(results[3])+'</a>');
				}

				$("#state_code").val(decodeURIComponent(results[2]));
				
				//alert($("#state_code").val());
				
				
				for (var i = 0; i < json.length; i++) {

					if(old_area!=json[i].AREA_CODE){
						if(i!=0){
							html1 += '</table></td></tr>';
						}

						html1 += '<tr class="head" style="color: #FFFFFF; background-color: #b9b08e; text-align: left; font-weight: bold;"><td style="padding-left: 10px;">' + json[i].AREA_NAME + '</td></tr><tr><td><table>';
					
						old_area = json[i].AREA_CODE;

					}
				
					html1 += '<tr>';
	
					for(var j=0;j<4;j++){

						k = i + j;
			
						if(json[k]&&json[k].CITY_NAME!=""){
							html1 += '<td style="text-align: left;width:170px;"><a href="javascript:void(0);" onclick="CityClick(' + json[k].CITY_CODE + ')">' + json[k].CITY_NAME + '</a></td>'; 
						}else{
							html1 += '<td style="width:170px;">&nbsp;</td>';
						}

					}
					html1 += '</tr>';
				
					i=i+(4-1)

				}
			
				html1 += '</table></td></tr>';

				$("#result1").html('<table border="0" cellpadding="4" cellspacing="0" style="margin: 10px 10px 10px 10px; width:97%;">'+html1+'</table>');
				
				$("#SearchForm").attr("action","/list/id"+json[0].STATE_ENG+".html");

			},
				error:function(res, status, e) {
			}
		});

		$('#dialog_city').dialog('open');
		return false;

}


function CityClick(c_code){

        $('#dialog_city').dialog('close');

		var data = new Object();
	
		data.c_code = c_code;

		$.ajax({
			url:'./common/getStateData.php',
			type:'POST',
			data:data,
			dataType:'text',
			success:function(res_json) {

				results = res_json.split(",");
			
				var json = eval("(["+decodeURIComponent(results[0])+"])");


				$("#state_select").html('<a href="javascript:void(0);" onclick="OpenDialogState()">'+json[0].STATE_NAME+'</a>');

				$("#city_select").html('<a href="javascript:void(0);" onclick="StateClick('+json[0].STATE_CODE+')">'+json[0].CITY_NAME+'</a>');

				$("#city_code").val(c_code);
				
				$("#SearchForm").attr("action","/list_city/id"+c_code+".html");

			},
				error:function(res, status, e) {
			}
		});
				
		return false;

}