// ランダム表示するバナーの数
var numBunner = 8;

// xmlのurl
var d = new Date();
var url = '/xml/bnr.xml' + "?" + d.getTime().toString();

// Array拡張 シャッフル関数
Array.prototype.shuffle = function() {
    var i = this.length;
    while(i){
        var j = Math.floor(Math.random()*i);
        var t = this[--i];
        this[i] = this[j];
        this[j] = t;
    }
    return this;
}

// サイドバナーの描画開始
function startSideBanner(){
	writeBanners();
	var ajax = new Ajax.Request(
		url,
		{
			method: 'get',
			onComplete: makeRandomBanner,
			asynchronous: true
		});
	
}

// ランダムバナー描画
function makeRandomBanner(originalRequest){
	var res = originalRequest.responseXML.getElementsByTagName("banner");
	// 固定表示用バナー
	var fix = originalRequest.responseXML.getElementsByTagName("banner_fix");
	
	// ランダム配列作成	
	var ranArr = new Array();

	
	var l = res.length;
	for(var i=0;i<l;i++){
		ranArr.push(i);
	}

	ranArr=ranArr.shuffle();

	// ranArr = fix.concat(ranArr);

	var html = '<table border="0" cellpadding="0" cellspacing="0" width="190">\
<tr height="15"><td background="/images/sidebar_bc01.gif" height="15"></td></tr>\
<tr><td background="/images/sidebar_bc02.gif">';
	
	// 固定バナーを描画
	var l2 = fix.length;
	for(var i=0;i<l2;i++){
		html += writeOneBanner(fix[i]);
	}
	
	// バナーをランダムに描画
	var l3 = numBunner-fix.length;
	
	for(var i=0;i<l3;i++){
		html += writeOneBanner(res[ranArr[i]]);
	}
	html += '</td></tr><tr height="15"><td background="/images/sidebar_bc03.gif" height="15"></td></tr></table>';
	
	if(!document.getElementById("contents-sidebar-b"))return false;
	$('contents-sidebar-b').update(html);
}

// バナーの描画
function writeOneBanner(obj){
	var imgsrc = obj.getElementsByTagName("img")[0].firstChild.nodeValue;
	
		if(obj.getElementsByTagName("url").length > 0){
			var link = obj.getElementsByTagName("url")[0].firstChild.nodeValue;
			if(obj.getElementsByTagName("target").length > 0){
					var target = ' target="' + obj.getElementsByTagName("target")[0].firstChild.nodeValue + '"';
			}else{
					var target = "";
			}
			var astart = '<a href="' + link + '" ' + target +'>';
			var aend = "</a>";
			
		}else{
			var astart = "";
			var aend = "";
		}

		if(obj.getElementsByTagName("alt").length > 0){
			var alt = ' alt="' + obj.getElementsByTagName("alt")[0].firstChild.nodeValue + '"';
		}else{
			var alt = "";
		}
		
		return astart + '<img src="/images/bnr_img/' + imgsrc + '"' + alt + ' class="sidebanner">'+aend+'<br>';
}

// ランダム以外のバナーの描画
function writeBanners(){
	if(!document.getElementById("contents-sidebar-c"))return false;
	document.getElementById("contents-sidebar-c").innerHTML = '\
    <table width="190" border="0" cellspacing="0" cellpadding="0">\
      <tr height="15">\
        <td height="15" background="/images/sidebar_bc01.gif"></td>\
            </tr>\
      <tr>\
        <td background="/images/sidebar_bc02.gif"><a href="http://www.s-book.net/" target="_blank"><img src="/images/bnr_img/bnr_sbook.gif" alt="s-book.net" width="142" height="132" border="0"></a><br>\
          <a href="http://test010.tosho.co.jp/pop/index.html"><img src="/images/bnr_img/bnr_pop.gif" alt="店頭用POPダウンロード" width="142" height="100" border="0"></a></td>\
      </tr>\
      <tr height="15">\
        <td height="15" background="/images/sidebar_bc03.gif"></td>\
            </tr>\
      </table>\
'
if(!document.getElementById("contents-sidebar-d"))return false;
	document.getElementById("contents-sidebar-d").innerHTML = '\
                    <br>\
                    <a href="http://www.bookservice.jp/bs/PSRGTP0101.do?doInit=book"><img src="/images/bnr_img/bnr_d02.gif" alt="ブックサービス" width="150" height="41" border="0"></a><br>\
                    <br>\
                    <a href="http://www.7dream.com/"><img src="/images/bnr_img/bnr_d03.gif" alt="7dream.com" width="98" height="58" border="0"></a><br>\
';
}

Event.observe(window, "load",startSideBanner );