var lists = new Array();
var item = new Array();
var langCode = 1;

var topics

var fileName = '';
var categoryString;
var detailMax = 10;
var listMax = 25;
var isSortedByKana = false;
var midashiHTML = '';
var step = 5;

//navi btns setting
var prsntColor = '#f0f0f0';
var defColor = '#fafafa'
var prsntObj = null;

var tar;

var bgcolor = new Array(2);
bgcolor[0] = 'w';
bgcolor[1] = 'g';

/*
var iconNewHTML = new Array(2);
iconNewHTML[0] = '';
iconNewHTML[1] = '<img src="../images/icon_new.gif" width="23" height="14" alt="new">';
*/


//コールバック関数 ( 受信時に実行されます )
  function on_loadedTopic(oj)
  {
    //responseXMLでレスポンスを取得
    var xdoc  =  oj.responseXML
	
	//XMLを配列に変換します
	//XML内の"name"という名前のタグ(要素)の配列を作る
    lists = xdoc.getElementsByTagName("lists");
  
    //XML内の"name"という名前のタグ(要素)の配列を作る
    item = xdoc.getElementsByTagName("item");
	var summary = item[0].getElementsByTagName("title").item(0).firstChild.nodeValue+'&nbsp;('+item[0].getElementsByTagName("date").item(0).firstChild.nodeValue +')';
	if(fileName =='topics/data/topics_j.xml'){
		summary += '<br>'+item[1].getElementsByTagName("title").item(0).firstChild.nodeValue+'&nbsp;('+item[1].getElementsByTagName("date").item(0).firstChild.nodeValue +')';
	}
	document.getElementById("desc").innerHTML = summary;
  }

  //送信用関数
  function getTopics(url)
  {
	fileName = url;
    sendRequest(on_loadedTopic,'','GET',url,true,true);
	
  }
  

//コールバック関数 ( 受信時に実行されます )
  function on_loadedXML(oj)
  {
    //responseXMLでレスポンスを取得
    var xdoc  =  oj.responseXML
	
	//XMLを配列に変換します
	//XML内の"name"という名前のタグ(要素)の配列を作る
    lists = xdoc.getElementsByTagName("lists");
  
    //XML内の"name"という名前のタグ(要素)の配列を作る
    item = xdoc.getElementsByTagName("item");
	


	//カタログのカテゴリ
	//categoryString = lists[0].attributes[0].value;
	//if(categoryString=='ドラマ') {
	//	midashiHTML = '<img src="../images/midashi_dorama.gif" width="165" height="36" alt="ドラマ">';
	//}
	//else{
	//	midashiHTML = '<p>'+categoryString+'</p>';
	//}
	
	//kanaでソート
	//sortnameKana(sortedIndex);
	

    //詳細リストを出力
    //putoutDetail(0);
	//putoutList(0);
	
	//ニュースを出力
	putoutNews(0);
  }

  //送信用関数
  function loadFile(url)
  {
    sendRequest(on_loadedXML,'','GET',url,true,true) 
	fileName = url;
  }
  

  //ニュースを出力
  function putoutNews(n)
  {
	
	//スレッドの最大値
	var nfirst = n*step;
	var itemMax = nfirst+step;
	
	if(itemMax> item.length){
		itemMax = item.length;
	}
	
    //サマリーを生成
	
	var summaryHTML ='';
	
	summaryHTML += '<table id="summaryTable" cellpadding="0" cellspacing="0">';
	
	var html='';
	var nhtml = '';
	//"item"タグが出てきた順に処理します
    for( i = nfirst ; i < itemMax ; i++ )
    {
        //各要素内のfirstChildのデータだけを取り出す
		html += '<tr class="'+bgcolor[i%2]+'"><td class="title"><a href="#'+i+'">'+item[i].getElementsByTagName("date").item(0).firstChild.nodeValue +
				'</a></td><td class="summary"><a href="#'+i+'">'+item[i].getElementsByTagName("title").item(0).firstChild.nodeValue +
				'</a></td></tr>';
				
		nhtml+= '<a name="'+i+'"></a>'+
				'<div class="news_detail_'+item[i].getElementsByTagName("style").item(0).firstChild.nodeValue +'">'+
				'<div class="header"><h2><span class="date">'+item[i].getElementsByTagName("date").item(0).firstChild.nodeValue +'</span><br>'+
				item[i].getElementsByTagName("title").item(0).firstChild.nodeValue +'</h2></div>'+
				'<div class="body"><p>'+parseBrake(item[i].getElementsByTagName("text").item(0).firstChild.nodeValue) +'</p>'+
				'<div class="newsPhoto">';
				
		if(item[i].getElementsByTagName("photo1").item(0).childNodes.length>0){
		nhtml+= '<img src="images/'+item[i].getElementsByTagName("photo1").item(0).firstChild.nodeValue+'">';
		}
		if(item[i].getElementsByTagName("photo2").item(0).childNodes.length>0){
		nhtml+= '<img src="images/'+item[i].getElementsByTagName("photo2").item(0).firstChild.nodeValue+'">';
		}
		nhtml+= '</div>'+
				'</div>'+
				'<div class="clear"></div>'+
				'</div>';
    }
	
	summaryHTML += html;
	summaryHTML +='</table>';
	
	//出力
	document.getElementById("banner_summary").innerHTML=summaryHTML;
	document.getElementById("itemList").innerHTML=nhtml;
		if(n>0){
			document.getElementById("categoryName").innerHTML = '<p>Topic Archive</p>';
			document.getElementById("pageCtrl").innerHTML ='';
			if(n>1){
				if(itemMax!=item.length){
					document.getElementById("pageCtrl").innerHTML ='<a onclick="javascript:putoutNews('+eval(n-1)+');" href="javascript:;">Prev</a>&nbsp;|&nbsp;<a onclick="javascript:putoutNews('+eval(n+1)+');" href="javascript:;">Next</a>';
				}else{
					document.getElementById("pageCtrl").innerHTML ='<a onclick="javascript:putoutNews('+eval(n-1)+');" href="javascript:;">Prev</a>&nbsp;|&nbsp;Next';
				}
			}else{
				if(itemMax!=item.length){
					document.getElementById("pageCtrl").innerHTML ='Prev&nbsp;|&nbsp;<a onclick="javascript:putoutNews('+eval(n+1)+');" href="javascript:;">Next</a>';
				}else{
					document.getElementById("pageCtrl").innerHTML ='';
				}
			}
		}
		else{
			document.getElementById("categoryName").innerHTML = '<p>Topics</p>';
			document.getElementById("pageCtrl").innerHTML ='';
		}
		var menuHtml='';
		if(n==0){
			menuHtml = '<li class="category prsnt"><a class="abox" onclick="javascript:putoutNews(0);" href="javascript:;"><span class="str">Topics</span></a></li>';
			menuHtml +='<li class="category"><a class="abox" onclick="javascript:putoutNews(1);" href="javascript:;"><span class="str">Topic Archive</span></a></li>';
		}else{
			menuHtml = '<li class="category"><a class="abox" onclick="javascript:putoutNews(0);" href="javascript:;"><span class="str">Topics</span></a></li>';
			menuHtml +='<li class="category prsnt"><a class="abox" onclick="javascript:putoutNews(1);" href="javascript:;"><span class="str">Topic Archive</span></a></li>';
		}
	 	document.getElementById("menu").innerHTML=menuHtml;
  }
  
  function changeBtnState(x){
	if(prsntObj != null){
		prsntObj.parentNode.parentNode.childNodes[0].style.backgroundColor= defColor;
	}
	else{
		document.getElementById("menu").childNodes[0].style.backgroundColor= defColor;
	}
	 x.parentNode.parentNode.childNodes[0].style.backgroundColor=prsntColor;
	 prsntObj = x;
  }


  function changeBtnState(x){
	if(prsntObj != null){
		prsntObj.parentNode.parentNode.childNodes[0].style.backgroundColor= defColor;
	}
	else{
		document.getElementById("menu").childNodes[0].style.backgroundColor= defColor;
	}
	 x.parentNode.parentNode.childNodes[0].style.backgroundColor=prsntColor;
	 prsntObj = x;
  }

