var divName = "fortuneBox";
var spanName = "fortuneDate";

var myDate   = new Date();
var theYear  = myDate.getFullYear();
var theMonth = myDate.getMonth() + 1;
if(theMonth < 10) theMonth="0" + theMonth;
var theDate  = myDate.getDate();
if(theDate < 10) theDate="0" + theDate; 

var ymd      = theYear + "/" + theMonth + "/" + theDate;
var ymdDate  = "更新日：" + ymd;
//var ymd = "2009/12/15";
//console.log("今日：%s",ymd);


window.onload = function() {
    getHoroscope();
}



function getHoroscope() {
    var apiUrl = "http://api.jugemkey.jp/api/horoscope/free/jsonp/" + ymd;
    //var apiUrl = "http://api.jugemkey.jp/api/horoscope/free/jsonp/2009/12/16";
    var queri = "?callback=callBackHoro";
    var url = apiUrl + queri;
    requestJsonp(url);	//APIリクエストはJSONP形式で受け取る
}

function callBackHoro(horos) {
	//console.dir(items);
	
	for(var i=0; i<12; i++) {
    	var horo    = horos["horoscope"][ymd][i];
		var sign    = horo.sign;
		var content = horo.content;
		var aitem   = horo.item;
		var money   = horo.money;
		var total   = horo.total;
		var job     = horo.job;
		var color   = horo.color;
		var love    = horo.love;
		var rank    = horo.rank;
		var fortune = i + 1;
		dispHtml(sign, content, aitem, money, total, job, color, love, rank, fortune);
	}
}

function dispHtml(sign, content, aitem, money, total, job, color, love, rank, fortune) {
	var html = "<div class='fortune'><h3><img src='/shared/img/fortune/imgTitle" + fortune + ".gif' alt='" + sign +"' /><span class='ranking'>" + rank +"</span></h3>" +
				"<p class='article'>" + content + "</p>" +
				"<ul>" +
				"<li class='total'>総合運：<span><img src='/shared/img/fortune/imgStarBlue0" + total + ".gif' /></span></li>" +
				"<li class='money'>金&nbsp;&nbsp;&nbsp;運：<span><img src='/shared/img/fortune/imgStarOrange0" + money + ".gif' /></span></li>" +
				"<li class='job'>仕事運：<span><img src='/shared/img/fortune/imgStarGreen0" + job + ".gif' /></span></li>" +
				"<li class='love'>愛情運：<span><img src='/shared/img/fortune/imgStarPink0" + love + ".gif' /></span></li>" +
				"</ul>" +
				"<dl class='lucky'>" +
				"<dt>ラッキーシンボル</dt>" +
				"<dd>アイテム：" + aitem + "</dd>" +
				"<dd>カラー：" + color + "</dd>" +
				"</dl>" +
				"</div>";
	_add(divName,html);
	_d(spanName,ymdDate);
}