var numRoLcl = 1;
var ro_lcl_on = Array(numRoLcl);
var ro_lcl_off = Array(numRoLcl);
function load(cur) {
    loadImage(cur);
    loadComplete = false;
    loadImageLocal("go_hp");
    loadComplete = true;

    centerToWaitWin();

    var myGlobalHandlers = {
        onCreate: function(){
            showWait();
        },
        onComplete: function() {
            if(Ajax.activeRequestCount == 0){
                hideWait();
            }
        }
    };

    Ajax.Responders.register(myGlobalHandlers);

    var loc = location.search.substring(1);
    var params = loc.parseQuery();
    if (!params["area"] || params["area"] == "") {
        area = 0;
    } else {
        area = params["area"];
    }

    /*new Ajax.Request("./svc.php",
                       {method:"post",
                        parameters:"action_GetAreaList=true",
                        asynchronous:true,
                        onSuccess:function(request,areacd){showAreaList(request,area)}});

    new Ajax.Request("./svc.php",
                       {method:"post",
                        parameters:"action_GetSalonList=true&cboAddr1="+area,
                        asynchronous:true,
                        onSuccess:showSalonList});
    */
    return;
}
function loadImageLocal(imgname) {
    ro_lcl_on[imgname] = new Image();
    ro_lcl_off[imgname] = new Image();
    ro_lcl_on[imgname].src = "images/salon/"+imgname+"_on.gif";
    ro_lcl_off[imgname].src = "images/salon/"+imgname+".gif";
}
function swapImageLocal(state, id, imgname) {
    if (!loadComplete) return;

    if (state == "on") {
        $("img_"+id).src = ro_lcl_on[imgname].src;
    } else {
        $("img_"+id).src = ro_lcl_off[imgname].src;
    }

}

function showAreaList(resultRequest, areacd){
    //事前チェック
    if (resultRequest.responseText.substr(0,1)!='{') {
        alert('データの読込みエラーが発生しました。');
        return;
    }

    var result = eval( '(' + resultRequest.responseText.unescapeHTML() + ')' );

    if (result['Result'] != "success") {
        alert(result['ResultMsg']);
        return;
    }

    //リストの作成
    clearAllComboItem($("cboAddr1"));
    $("cboAddr1").update("");
    addComboItem($("cboAddr1"), "0","すべて");
    for (i = 0; i < result.Data.length; i++){
        addComboItem($("cboAddr1"),
                     result.Data[i].Addr1Code,
            result.Data[i].AreaName+"("+result.Data[i].Cnt+")");
    }
    selectComboItem($("cboAddr1"), areacd);
}
function showSalonList(resultRequest){
    //事前チェック
    if (resultRequest.responseText.substr(0,1)!='{') {
        alert('データの読込みエラーが発生しました。');
        return;
    }

    var result = eval( '(' + resultRequest.responseText.unescapeHTML() + ')' );

    if (result['Result'] != "success") {
        alert(result['ResultMsg']);
        return;
    }

    //一覧の作成
    $("divResult").update("");
    rows = result.Data;
    var html = '<table width="600" border="0" cellpadding="5" cellspacing="0">';
    var prevArea = "";
    for (var i=0; i < rows.length; i++) {
        row = rows[i];
        if (row.AreaName != prevArea) {
            area = row.AreaName;
            prevArea = row.AreaName;
            html += ''
                    +'<tr>'
                      +'<td class="dotline" colspan="4"><img src="images/spacer.gif" height="5" alt=""></td>'
                    +'</tr>';
        } else {
            area = "&nbsp;";
            html += ''
                    +'<tr>'
                      +'<td>&nbsp;</td>'
                      +'<td class="separator">&nbsp;</td>'
                      +'<td class="dotline" colspan="2"><img src="images/spacer.gif" height="5" alt=""></td>'
                    +'</tr>';
        }
        if (row.PhotoSize == "0") {
            photo = '<img src="images/salon/no_photo.gif" alt="">';
        } else {
            photo = '<img src="svc.php?action_GetSalonImage=true&mw=120&mh=120&id='+row.SalonID+'" alt="">';
        }
        if (row.URL == "") {
            salonname = '<span class="salonname">'+row.SalonName+'</span><br>';
            url = '';
        } else {
            salonname = '<a class="salonname" href="'+row.URL+'" target="_blank">'+row.SalonName+'</a><br>';
            url = 'URL：<a class="hp" href="'+row.URL+'" target="_blank">'+row.URL+'</a><br>';
            photo = '<a href="'+row.URL+'" target="_blank">'+photo+'</a>';
        }
        if (row.EMail == "") {
            email = '';
        } else {
            email = 'E-mail：<a class="hp" href="'+encodeNumericEntity("mailto:"+row.EMail)+'">'+encodeNumericEntity(row.EMail)+'</a><br>';
        }
        if (row.IntroText == "") {
            introtext = '';
        } else {
            introtext = '<br>'+row.IntroText.replace(/\r\n|\r|\n/g,'<br>')+'<br>';
        }
        html += ''
                +'<tr>'
                  +'<td class="pref">'+area+'</td>'
                  +'<td class="separator">&nbsp;</td>'
                  +'<td valign="top">'+photo+'</td>'
                  +'<td valign="top">'
                  +salonname
                  +'運営者：'+row.OwnerName+'<br>'
                  +'住所：'+row.Addr1+row.Addr2+row.Addr3+row.Addr4+'<br>'
                  +'TEL：'+row.Tel+'<br>'
                  +url
                  +email
                  +introtext
                  +'</td>'
                +'</tr>';
    }
    html = html
            +'<tr>'
              +'<td class="dotline" colspan="4"><img src="images/spacer.gif" height="5" alt=""></td>'
            +'</tr>'
          +'</table>';
    $("divResult").update(html);
}

function serachSalon() {
    new Ajax.Request("./svc.php",
                       {method:"post",
                        parameters:"action_GetSalonList=true&"+Form.serialize("frmSearch"),
                        asynchronous:true,
                        onSuccess:showSalonList});
    return;
}