// global変数
var jsonData = null;
var station = null;

// onload
window.onload = function(){
    new Ajax.Request(
        "./logic/spot.php", {
             method: "get",
             onComplete: showList 
        }
    );

//    for (var j = 0; j < 9; i++) {
//        Event.observe($("viewname" + j), "mouseover", showView(j)); 
//    }
}

// リスト表示
function showList(request) {
    if (eval(request.responseText) != false) { 
//    alert(eval(request.responseText));
        $("info").innerHTML = "";
        jsonData = eval(request.responseText);
        for (var i = 0; i < jsonData.length; i++) {
        var num = i + 1;
//            $value = "<a href=\"" + jsonData[i].TabelogUrl +"\" id=\"linkSpot" + i + "\" target=\"_blank\">";
            $value = "<a href=\"" + jsonData[i].TabelogUrl +"\" onMouseover=\"showView(" + i + ")\" target=\"_blank\">";
            $value += num + ". "+ jsonData[i].RestaurantName;
            $value += "(" + jsonData[i].Category + ")";
            $value += "</a>";
            $("viewName" + num).innerHTML = $value; 
        }
        for (var k = num; k < 9; k++) {
            num = k + 1
            $("viewName" + num).innerHTML = "";
        }
        $("title").innerHTML = jsonData[0].Station + "駅周辺の人気店";
        showView(0);
    } else {
       $("info").innerHTML = "「" + station + "」駅は見つかりませんでした。";
    }
}

// ビュー表示
function showView(num) {
    $("viewTitle").innerHTML = jsonData[num].RestaurantName + "周辺のビュー";
    var streetObj = new GStreetviewPanorama(
        $("viewSpot"),
        {
            latlng:new GLatLng(jsonData[num].Lat,jsonData[num].Long),
            pov : { zoom:0, pitch:0, yaw:30 }
        }
    );
}

// 駅名設定
function setStation() {
    station = $F("station"); 
//    alert(encodeURI(station));
    new Ajax.Request(
        "./logic/spot.php?" , {
             method: "get",
             parameters: "station=" + encodeURI(station),
             onComplete: showList
        }
    );
    showView(0);
}