// -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// config
// -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
var g_site_id       = 117461;       // サイトID
var g_row_cnt       = 2;            // 行数、行数x列数で最大12になる様に指定
var g_column_cnt    = 1;            // 列数、行数x列数で最大12になる様に指定
var g_target_window = "_blank";     // _blank(別ウインドウ) _top(同一ウインドウ)
color_bg            = "FFFFFF";     // 「Ads  by 楽天」の背景色、IE6はwhite固定
ad_width            = 70;           // 「Ads  by 楽天」の幅指定
// -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

// onLoadにてpitattoが呼ばれるように設定
 addEvent(window, 'load', pitatto, false);

// 出力データ表示制御
function showAdv(bean) {
	var adList = bean.adList;

	var pitatto_str = "";
	pitatto_str = '<table id="pita_table" cellspacing="0" cellpadding="0">';
	pitatto_str += '<tr><td class="pr_logo"><span class="pr">〔PR〕</span><span class="logo">Ads by Rakuten</span></td></tr>'

	if (adList.length > 0) {
		for(i =0 ; i < adList.length; i++) {

			var ad = adList[i];

			var adv_title = decodeURIComponent(ad.adv_title);
			var text1 = decodeURIComponent(ad.text1);
			var text2 = decodeURIComponent(ad.text2);
			var disp_url = decodeURIComponent(ad.disp_url);
			var link_url = decodeURIComponent(ad.link_url);

			pitatto_str += '<tr><td onclick="window.open(\'' + link_url + '\',\'' + g_target_window + '\');" onmouseover="ChangeColorOn(\'title' + i + '\',\'url' + i + '\')" onmouseout="ChangeColorOff(\'title' + i + '\',\'url' + i +'\')"><span class="adTitleOff" id="title' + i + '">' + adv_title + '</span><span class="adText">' + text1 + '<br>' + text2 + '</span><span class="adURL" id="url' + i + '">' + disp_url + '</span></td></tr>';
		}
	} else {
		var adv_title = "楽天ぴたっとアドとは？";
		var text1 = "広告主様、掲載者様大募集！";
		var text2 = "最適な広告を配信します！";
		var disp_url = "楽天ぴたっとアド";
		var link_url = "http://pitatto.rakuten.co.jp/";

		for(i =0 ; i < g_row_cnt; i++) {
			pitatto_str += '<tr><td onclick="window.open(\'' + link_url + '\',\'' + g_target_window + '\');" onmouseover="ChangeColorOn(\'title' + i + '\',\'url' + i + '\')" onmouseout="ChangeColorOff(\'title' + i + '\',\'url' + i +'\')"><span class="adTitleOff" id="title' + i + '">' + adv_title + '</span><span class="adText">' + text1 + '<br>' + text2 + '</span><span class="adURL" id="url' + i + '">' + disp_url + '</span></td></tr>';
		}
	}
	pitatto_str += '</table>';
	document.getElementById('pitatto_ad_tag').innerHTML = pitatto_str;
}
// Jsonpでデータ取得
function pitatto() {
	var g_adv_cnt = g_row_cnt * g_column_cnt;									// 広告表示数
	new getAdv({querys : {
							s        : g_site_id,								// サイトID
							to       : g_adv_cnt,								// 取得広告数
							st       : 1,										// 広告開始位置
							en       : g_adv_cnt,								// 広告終了位置
							ref      : encodeURIComponent(document.referrer),	// リファラ
							cb       : 'showAdv'								// コールバック関数
						 }
			   }).receiveAdv();
}

// 広告の取得
function getAdv(config) {
	// Jsonpの呼び出しパラメータ設定
	this.mkUrl = function() {
		var qs = new Array();
		for ( key in config.querys ) {
			qs.push( key + '=' + config.querys[key] );
		}
		return 'http://grp04.ias.rakuten.co.jp/ptad?' + qs.join('&');
	};

    // Scriptタグの埋め込み（Jsonp）
	this.receiveAdv = function() {
		var scriptTag = document.createElement("script");
		scriptTag.src = this.mkUrl();
		scriptTag.setAttribute("type", "text/javascript");
		scriptTag.setAttribute("charset", "EUC-JP");
		document.getElementsByTagName("body").item(0).appendChild(scriptTag);
	};
}

// イベント設定
function addEvent(e, name, func, cap) {
    if (e.addEventListener) {
        e.addEventListener(name, func, cap);
    } else if (e.attachEvent) {
        e.attachEvent('on'+name, func);
    }
}

// マウスオーバー・アウト処理
function ChangeColorOn(id1,id2) {
	var titleObj = document.getElementById(id1);
	var urlObj = document.getElementById(id2);
	titleObj.style.color = "#DB0000";
	urlObj.style.color = "#357616";
}
function ChangeColorOff(id1,id2) {
	var titleObj = document.getElementById(id1);
	var urlObj = document.getElementById(id2);
	titleObj.style.color = "#FF3333";
	urlObj.style.color = "#4BA51F";
}