var lists = new Array();
var item = new Array();
var kana = new Array();
var sortedIndex = new Array();
var showreel = new Array();
var showreelInfo = '';
var showreelImage = '';
var showreelSample = '';
var showreelTime = '';

var categoryString;
var detailMax = 10;
var listMax = 25;
var isSortedByKana = false;
var midashiHTML = '';
var cnum =0;

var thisURL = '';
var targetNum = 0;


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


//コールバック関数 ( 受信時に実行されます )
  function on_loadedFootage(oj)
  {
    //responseXMLでレスポンスを取得
    var xdoc  =  oj.responseXML

    //詳細リストを出力
	cnum++
    putoutFootage(xdoc);
	//putoutList(0);
  }

  //送信用関数
  function loadFootage(url)
  {
    sendRequest(on_loadedFootage,'','GET',url,true,true) 
  }
  
  function putoutFootage(x){
	  var items = x.getElementsByTagName("item");
	  var lists =  x.getElementsByTagName("lists");
	  var n = 1;
	  if(lists[0].attributes[0].value =='NHK Scoops'){
		  n = 1;
	  }else if(lists[0].attributes[0].value =='Nippon News'){
		  n = 2;
	  }
	  else{
		n = 3;  
	  }
	  var sampleView = '';
	  var html = ''
	  html += '<h2>';
	  html += lists[0].attributes[0].value;
	  html += '</h2>';
	  for(var i=0; i<items.length; i++){
	    sampleView = '';
		html += '<div class="viewBox">';
		if(items[i].getElementsByTagName("sample").item(0).childNodes.length>0){
			sampleView += '<DIV class="sampleView">';
			sampleView += '<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="160" height="144">';
			sampleView += '<PARAM name="movie" value="player_525.swf">';
			sampleView += '<PARAM name="quality" value="high">';
			sampleView += '<PARAM name="flashvars" value="movieFile=nf_flvs/'+items[i].getElementsByTagName("sample").item(0).firstChild.nodeValue+'&photoFile=nf_images/'+items[i].getElementsByTagName("images").item(0).firstChild.nodeValue+'&totalTime=67">';
			sampleView += '<EMBED src="player_525.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="144" flashvars="movieFile=nf_flvs/'+items[i].getElementsByTagName("sample").item(0).firstChild.nodeValue+'&photoFile=nf_images/'+items[i].getElementsByTagName("images").item(0).firstChild.nodeValue+'&totalTime=67">';
			sampleView += '</EMBED></OBJECT></DIV>';
		}else{
			sampleView += '<DIV class="sampleView" style="margin-bottom:24px;"><img src="nf_images/'+items[i].getElementsByTagName("images").item(0).firstChild.nodeValue+'"></div>';
		}
		html += sampleView;
		dumpImg(sampleView);
		dumpClear();
		
		html += '<h3 class="title">';
		if(items[i].getElementsByTagName("name").length>0 && items[i].getElementsByTagName("name").item(0).childNodes.length>0){
			html +=  items[i].getElementsByTagName("name").item(0).firstChild.nodeValue;
		}
		html += '</h3>';
		html += '<p class="descript">';
		html +=  items[i].getElementsByTagName("info").item(0).firstChild.nodeValue;
		html += '</p>';
		html += '</div>'
	  }
	  document.getElementById("c"+n).innerHTML+=html+'<div class="clear"></DIV>';
  }
  
  
  

//コールバック関数 ( 受信時に実行されます )
  function on_loadedXML(oj)
  {
    //responseXMLでレスポンスを取得
    var xdoc  =  oj.responseXML
	
	//XMLを配列に変換します
	//XML内の"name"という名前のタグ(要素)の配列を作る
    lists = xdoc.getElementsByTagName("lists");
  
    //XML内の"name"という名前のタグ(要素)の配列を作る
    item = xdoc.getElementsByTagName("item");
	
	//XML内の"kana"という名前のタグ(要素)の配列を作る
	kana  = xdoc.getElementsByTagName("kana");
	
	showreel = xdoc.getElementsByTagName("showreel");
	
	if(showreel[0].getElementsByTagName("info").item(0).childNodes.length>0){
		showreelInfo = showreel[0].getElementsByTagName("info").item(0).firstChild.nodeValue;
	}
	if(showreel[0].getElementsByTagName("images").item(0).childNodes.length>0){
		showreelImage = showreel[0].getElementsByTagName("images").item(0).firstChild.nodeValue;
	}
	if(showreel[0].getElementsByTagName("sample").item(0).childNodes.length>0){
		showreelSample = showreel[0].getElementsByTagName("sample").item(0).firstChild.nodeValue;
	}
	if(showreel[0].getElementsByTagName("sampleTime").item(0).childNodes.length>0){
		showreelTime = showreel[0].getElementsByTagName("sampleTime").item(0).firstChild.nodeValue;
	}
	
	//sortedIndex初期化（未ソート）
	sortedIndex  = new Array(item.length);
	for (i=0 ; i<item.length; i++){ 
		sortedIndex[i] = item[i];
	}
	isSortedByKana = false;
	
	
	//カタログのカテゴリ
	categoryString = lists[0].attributes[0].value;
	midashiHTML = '<p>'+categoryString+'</p>';
	
	//dateでソート
	//sortDate(sortedIndex);
	

    //詳細リストを出力
    putoutDetail(targetNum);
	//putoutList(0);
  }


  function on_loadedXMLLi(oj)
  {
    //responseXMLでレスポンスを取得
    var xdoc  =  oj.responseXML
	
	//XMLを配列に変換します
	//XML内の"name"という名前のタグ(要素)の配列を作る
    lists = xdoc.getElementsByTagName("lists");
  
    //XML内の"name"という名前のタグ(要素)の配列を作る
    item = xdoc.getElementsByTagName("item");
	
	//XML内の"kana"という名前のタグ(要素)の配列を作る
	kana  = xdoc.getElementsByTagName("kana");
	
	showreel = xdoc.getElementsByTagName("showreel");
	
	if(showreel[0].getElementsByTagName("info").item(0).childNodes.length>0){
		showreelInfo = showreel[0].getElementsByTagName("info").item(0).firstChild.nodeValue;
	}
	if(showreel[0].getElementsByTagName("images").item(0).childNodes.length>0){
		showreelImage = showreel[0].getElementsByTagName("images").item(0).firstChild.nodeValue;
	}
	if(showreel[0].getElementsByTagName("sample").item(0).childNodes.length>0){
		showreelSample = showreel[0].getElementsByTagName("sample").item(0).firstChild.nodeValue;
	}
	if(showreel[0].getElementsByTagName("sampleTime").item(0).childNodes.length>0){
		showreelTime = showreel[0].getElementsByTagName("sampleTime").item(0).firstChild.nodeValue;
	}
	
	//sortedIndex初期化（未ソート）
	sortedIndex  = new Array(item.length);
	for (i=0 ; i<item.length; i++){ 
		sortedIndex[i] = item[i];
	}
	isSortedByKana = false;
	
	
	//カタログのカテゴリ
	categoryString = lists[0].attributes[0].value;
	midashiHTML = '<p>'+categoryString+'</p>';
	
	//dateでソート
	sortDate(sortedIndex);
	

    //詳細リストを出力
    //putoutDetail(targetNum);
	putoutList(targetNum);
  }

  //送信用関数
  function loadFile(url)
  {
	thisURL = url;
	targetNum = 0;
    sendRequest(on_loadedXML,'','GET',url,true,true) ;
  }
  
  function loadFile2(url,num)
  {
	thisURL = url;
	targetNum = num;
    sendRequest(on_loadedXML,'','GET',url,true,true) ;
  }
  
   function loadFileLi(url)
  {
	thisURL = url;
	targetNum = 0;
    sendRequest(on_loadedXMLLi,'','GET',url,true,true) ;
  }
  
  function loadFileLi2(url,num)
  {
	thisURL = url;
	targetNum = num;
    sendRequest(on_loadedXMLLi,'','GET',url,true,true) ;
  }
  
  
  //詳細を出力
  function putoutDetail(n)
  {
	
	//スレッドの最大値
	var itemMax = (n+1)*detailMax;
	if(itemMax > item.length) itemMax = item.length;
	
    //リストヘッダを生成
	
	//リンクテキスト
	var linkHTML = '<div class="pageLink">';
	if(n!=0)		{linkHTML += '<a class="btn_l" onClick="javascript:loadFile2(\''+thisURL+'\','+eval(n-1)+'); window.scroll(0,560);" href="javascript:;">Prev</a> ';}
	else			{linkHTML += '';}
					linkHTML +='<div class="pageIndex">'
	for(i =0; i<(item.length/detailMax); i++){
		if(i==n)	{linkHTML += '<span class="number">'+eval(i+1)+'</span>';}
		else		{linkHTML += '<a class="number" onClick="javascript:loadFile2(\''+thisURL+'\','+i+'); window.scroll(0,560);" href="javascript:;">'+eval(i+1)+'</a>';}
	}
					linkHTML +='</div>'
	if((n+1)<(item.length/detailMax)) 
					{linkHTML += '<a class="btn_r" onClick="javascript:loadFile2(\''+thisURL+'\','+eval(n+1)+'); window.scroll(0,560);" href="javascript:;">Next</a>';}
	else			{linkHTML += '';}
					linkHTML += '</div>';
	
    html = '<div id="listTop_with_showreel">';
	html +='<h2 id="categoryName">'+midashiHTML+'</h2>';
	html +='<DIV class="item_showreel" style="background-image:none;">';
	html += '<DIV class="info">';
	html += '<P class="descript">'+showreelInfo+'</P>';
	html += '</DIV>';
	html += '<DIV class="sampleView">';
	html += '<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="272" height="178"><PARAM name="movie" value="player_hd.swf">';
	html += '<PARAM name="quality" value="high">';
	html += '<PARAM name="flashvars" value="movieFile=flvs/'+showreelSample+'&photoFile=images/'+showreelImage+'&totalTime='+showreelTime+'">';
	html += '<EMBED src="player_hd.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="272" height="178" flashvars="movieFile=flvs/'+showreelSample+'&photoFile=images/'+showreelImage+'&totalTime='+showreelTime+'"></EMBED>';
	html += '</OBJECT>';
	html += '<img src ="images/hivision_logo.gif" width="143px" height="60px" alt="" style="margin:10px 0 0 144px;">';
	html += '</DIV>';
	html += '<DIV class="clear"></DIV>';
	html += '</DIV>';
	html +='<div id="controlTop"><div class="btn_viewChange_detail_selected">Details</div>'+'<a class="btn_viewChange_sort" onClick="javascript:loadFileLi(\''+thisURL+'\'); window.scroll(0,560);" href="javascript:;">Order by year</a>'+linkHTML+'</div>';
	html +='<div class="clear"></div>';
		html +='</div>';
	//html +='<div id="download"><img src="images/btn_download.gif" alt="download" width="323" height="18"></div>';
	
	//alert(item[0].getElementsByTagName("sample").item(0).firstChild.nodeValue != '');
    
    //"item"タグが出てきた順に処理します
    for( i = n*detailMax ; i < itemMax ; i++ )
    {
		 var sampleView = '';
		if(item[i].getElementsByTagName("sample").item(0).childNodes.length>0){
			
			var timeLength = '0';
			if(item[i].getElementsByTagName("sampleTime").item(0).childNodes.length>0){
				timeLength = item[i].getElementsByTagName("sampleTime").item(0).firstChild.nodeValue;
			}
			
			sampleView = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="272" height="178">'
						+'<param name="movie" value="player_hd.swf">'
						+'<param name="quality" value="high">'
						+'<PARAM name="flashvars" value="movieFile=flvs/'+ item[i].getElementsByTagName("sample").item(0).firstChild.nodeValue 
						+'&amp;photoFile=images/'+ item[i].getElementsByTagName("images").item(0).firstChild.nodeValue
						+'&amp;totalTime='+ timeLength +'">'
						+'<embed src="player_hd.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="272" height="178"'
						+'FLASHVARS="movieFile=flvs/'+ item[i].getElementsByTagName("sample").item(0).firstChild.nodeValue 
						+'&amp;photoFile=images/'+ item[i].getElementsByTagName("images").item(0).firstChild.nodeValue
						+'&amp;totalTime='+ timeLength +'"></embed>'
						+'</object>'
		}else{
			sampleView = '<img src="images/'+ item[i].getElementsByTagName("images").item(0).firstChild.nodeValue +'" width="272" height="153" alt="'+item[i].getElementsByTagName("name").item(0).firstChild.nodeValue+'">'
		}
		
		
        //各要素内のfirstChildのデータだけを取り出す
		html += '<!-- item ['+i+'] -->';
		html += '<div class="item_detail">';
		html += '<div class="info">';
        //html += '<h3 class="title">'+'['+i+']'+ item[i].getElementsByTagName("name").item(0).firstChild.nodeValue + '</h3>';
		 html += '<h3 class="title">'+item[i].getElementsByTagName("name").item(0).firstChild.nodeValue + iconNewHTML[item[i].getElementsByTagName("new").item(0).firstChild.nodeValue]+
		 		'   <span style="font-weight:normal; font-size:10px;">('+ makeDate(item[i].getElementsByTagName("date").item(0).firstChild.nodeValue)+')</span></h3>';

		//html += '<p class="data">'
		//		+ item[i].getElementsByTagName("length").item(0).firstChild.nodeValue +'/'
		//		+ item[i].getElementsByTagName("code").item(0).firstChild.nodeValue +'/'
		//		+ item[i].getElementsByTagName("date").item(0).firstChild.nodeValue + '</p>';
		html += '<p class="descript">'+parseBrake(item[i].getElementsByTagName("info").item(0).firstChild.nodeValue) + '</p>';
        html += '</div>'
		html += '<div class="sampleView">'+sampleView+'</div>'
        html += '<div class="clear"></div>'
		html += '</div>'
    }
    
	//リンクテキスト
	html +='<div id="controlBottom"><div class="btn_viewChange_detail_selected">Details</div>'+'<a class="btn_viewChange_sort" onClick="javascript:loadFileLi(\''+thisURL+'\'); window.scroll(0,560);" href="javascript:;">Order by year</a>'+linkHTML+'</div>';
	html +='<div class="clear"></div>';
	html +='</div>';
	
	//出力
	document.getElementById("itemList").innerHTML=html
  }
  
  //リストを出力
  function putoutList(n)
  {
	
	//スレッドの最大値
	var itemMax = (n+1)*listMax;
	if(itemMax > item.length) itemMax = item.length;
	
    //リストヘッダを生成
	
	//リンクテキスト
	var linkHTML = '<div class="pageLink">';
	if(n!=0)		{linkHTML += '<a class="btn_l" onClick="javascript:loadFileLi2(\''+thisURL+'\','+eval(n-1)+'); window.scroll(0,560);" href="javascript:;">Prev</a> ';}
	else			{linkHTML += '';}
					linkHTML +='<div class="pageIndex">'
	for(i =0; i<(item.length/listMax); i++){
		if(i==n)	{linkHTML += '<span class="number">'+eval(i+1)+'</span>';}
		else		{linkHTML += '<a class="number" onClick="javascript:loadFileLi2(\''+thisURL+'\','+i+'); window.scroll(0,560);" href="javascript:;">'+eval(i+1)+'</a>';}
	}
					linkHTML +='</div>'
	if((n+1)<(item.length/listMax)) 
					{linkHTML += '<a class="btn_r" onClick="javascript:loadFileLi2(\''+thisURL+'\','+eval(n+1)+'); window.scroll(0,560);" href="javascript:;">Next</a>';}
	else			{linkHTML += '';}
					linkHTML += '</div>';
	
    html = '<div id="listTop_with_showreel">';
	html +='<h2 id="categoryName">'+midashiHTML+'</h2>';
	html +='<DIV class="item_showreel"><DIV class="info"><!--<DIV class="data" style="background:none; border:none;"><img src="../images/showreel.gif" width="86px" height="21px" alt="showreel"></div>--><P class="descript">'+showreelInfo+'</P></DIV><DIV class="sampleView"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="272" height="178"><PARAM name="movie" value="player_hd.swf"><PARAM name="quality" value="high"><PARAM name="flashvars" value="movieFile=flvs/'+showreelSample+'&photoFile=images/'+showreelImage+'&totalTime='+showreelTime+'"><EMBED src="player_hd.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="272" height="178" flashvars="movieFile=flvs/'+showreelSample+'&photoFile=images/'+showreelImage+'&totalTime='+showreelTime+'"></EMBED></OBJECT></DIV><DIV class="clear"></DIV></DIV>'
	html +='<div id="controlTop"><a class="btn_viewChange_detail" onClick="javascript:loadFile(\''+thisURL+'\'); window.scroll(0,560);" href="javascript:;">Details</a>'+'<div class="btn_viewChange_sort_selected">Order by year</div>'+linkHTML+'</div>';
	html +='<div class="clear"></div>';
	html +='</div>';
	
	html +='<table id="listTable" cellpadding="0" cellspacing="0">'
	html +='<tr class="head">'+
			'<td class="length"><span class="tableHead">No.</span></td>'+
			'<td class="title"><span class="tableHead">Title</span></td>'+
			'<td class="code"><span class="tableHead"></span></td>'+
			'<td class="lang"><span class="tableHead"></span></td>'+
			'<td class="play_btn" colspan="2"><span class="tableHead">Details</span></td></tr>'
    
    //"item"タグが出てきた順に処理します
	var m =0;
	var backgroundClass = 'g';
	
    for( i = n*listMax ; i < itemMax ; i++ )
    {
		if((m%2)==1)	backgroundClass = 'w';
		else			backgroundClass = 'g';
		m++;
		
		 var sampleView = '';
		 var playIconHTML = ' &nbsp;';
		if(sortedIndex[i].getElementsByTagName("sample").item(0).childNodes.length>0){
			//playIconHTML = '<a class="btnPlay" onClick="javascript:btnAction(this,'+i+')" href="javascript:;">再生</a>';
			playIconHTML = '<img src="../images/icon_play.gif" width="14px" height="24px">';
			var timeLength = '0';
			if(sortedIndex[i].getElementsByTagName("sampleTime").item(0).childNodes.length>0){
				timeLength = sortedIndex[i].getElementsByTagName("sampleTime").item(0).firstChild.nodeValue;
			}
			
			sampleView = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="272" height="178" class="sample" style="display:block">'
						+'<param name="movie" value="player_hd.swf">'
						+'<param name="quality" value="high">'
						+'<PARAM name="flashvars" value="movieFile=flvs/'+ sortedIndex[i].getElementsByTagName("sample").item(0).firstChild.nodeValue 
						+'&amp;photoFile=images/'+ sortedIndex[i].getElementsByTagName("images").item(0).firstChild.nodeValue
						+'&amp;totalTime='+ timeLength +'">'
						+'<embed src="player_hd.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="272" height="178"'
						+'FLASHVARS="movieFile=flvs/'+ sortedIndex[i].getElementsByTagName("sample").item(0).firstChild.nodeValue 
						+'&amp;photoFile=images/'+ sortedIndex[i].getElementsByTagName("images").item(0).firstChild.nodeValue
						+'&amp;totalTime='+ timeLength +'"></embed>'
						+'</object>'
		}else{
			sampleView = '<img src="images/'+ sortedIndex[i].getElementsByTagName("images").item(0).firstChild.nodeValue +'" width="272" height="153" alt="'+sortedIndex[i].getElementsByTagName("name").item(0).firstChild.nodeValue+'" class="sample">'
		}
		
        //各要素内のfirstChildのデータだけを取り出す
		//html += '<tr class="'+backgroundClass+'"><td class="title">'+backgroundClass+'['+i+']'+ sortedIndex[i].getElementsByTagName("name").item(0).firstChild.nodeValue +
		html += '<tr class="'+backgroundClass+'">'+
				 '<td class="length">'+ makeDate(sortedIndex[i].getElementsByTagName("date").item(0).firstChild.nodeValue) +'</td>'+
				 '<td class="title"><a class="openDetailTitle" onClick="javascript:btnAction(this,'+i+')" href="javascript:;">'+sortedIndex[i].getElementsByTagName("name").item(0).firstChild.nodeValue+'</a>' + iconNewHTML[sortedIndex[i].getElementsByTagName("new").item(0).firstChild.nodeValue]+
				'</td>'+
				
				'<td class="code">&nbsp;</td>'+
				'<td class="lang">&nbsp;</td>'+
				'<td class="play">'+playIconHTML+'</td>'+
				'<td class="btn"><a class="openDetail" onClick="javascript:btnAction(this,'+i+')" href="javascript:;">Details</a></td></tr>';
		html += '<tr class="'+backgroundClass+'_des"><td colspan="6"><div class="description">'+sampleView+'<p class="descript">'
				parseBrake(sortedIndex[i].getElementsByTagName("info").item(0).firstChild.nodeValue) +'</p></div></td></tr>'
				
    }
    
	html += '</table>'
	
	//リンクテキスト
	html +='<div id="controlBottom"><a class="btn_viewChange_detail" onClick="javascript:loadFile(\''+thisURL+'\'); window.scroll(0,560);" href="javascript:;">Details</a>'+'<div class="btn_viewChange_sort_selected">Order by year</div>'+linkHTML+'</div>';
	html +='<div class="clear"></div>';
	html +='</div>';
	
	//出力
	document.getElementById("itemList").innerHTML=html;
	
  }
  
  
  //よみがなでソート
  function sortnameKana(target){
	  s = new Array();
	  for (q=target.length ; q >= 0; q--){ 
		for (p=0 ; p < q-1; p++ ) { 
			if(target[p].getElementsByTagName("kana").item(0).firstChild.nodeValue > target[p+1].getElementsByTagName("kana").item(0).firstChild.nodeValue){ 
				s[0] = target[p+1]; 
				target[p+1] = target[p]; 
				target[p] = s[0];
			} 
		} 
	} 
	isSortedByKana = true;
  }
  
  //よみがなでソート
  function sortDate(target){
	  s = new Array();
	  for (q=target.length ; q >= 0; q--){ 
		for (p=0 ; p < q-1; p++ ) { 
			if(target[p].getElementsByTagName("date").item(0).firstChild.nodeValue < target[p+1].getElementsByTagName("date").item(0).firstChild.nodeValue){ 
				s[0] = target[p+1]; 
				target[p+1] = target[p]; 
				target[p] = s[0];
			} 
		} 
	} 
	isSortedByDate = true;
  }
  
  //ボタンアクション
  function btnAction(x,n){
	  if(x.className=='openDetail' || x.className=='openDetailTitle') {
		//trace(x.parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.childNodes[3].nodeName);
		x.parentNode.parentNode.nextSibling.firstChild.firstChild.style.display = 'block';
		
		var sampleView = '';
		if(sortedIndex[n].getElementsByTagName("sample").item(0).childNodes.length>0){
			
			var timeLength = '0';
			if(sortedIndex[n].getElementsByTagName("sampleTime").item(0).childNodes.length>0){
				timeLength = sortedIndex[n].getElementsByTagName("sampleTime").item(0).firstChild.nodeValue;
			}
			
			playNow = 0;
			if(x.className=='btnPlay') playNow = 1;
			sampleView = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="272" height="178" class="sample">'
						+'<param name="movie" value="player_hd.swf">'
						+'<param name="quality" value="high">'
						+'<PARAM name="flashvars" value="movieFile=flvs/'+ sortedIndex[n].getElementsByTagName("sample").item(0).firstChild.nodeValue 
						+'&amp;photoFile=images/'+ sortedIndex[n].getElementsByTagName("images").item(0).firstChild.nodeValue
						+'&amp;totalTime='+ timeLength +'&amp;playNow='+ playNow +'">'
						+'<embed src="player_hd.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="272" height="178"'
						+'FLASHVARS="movieFile=flvs/'+ sortedIndex[n].getElementsByTagName("sample").item(0).firstChild.nodeValue 
						+'&amp;photoFile=images/'+ sortedIndex[n].getElementsByTagName("images").item(0).firstChild.nodeValue
						+'&amp;totalTime='+ timeLength +'&amp;playNow='+ playNow +'"></embed>'
						+'</object>'
			
		}else{
			sampleView = '<img src="images/'+ sortedIndex[n].getElementsByTagName("images").item(0).firstChild.nodeValue +'" width="272" height="153" alt="'+sortedIndex[n].getElementsByTagName("name").item(0).firstChild.nodeValue+'" class="sample">'
		}
		dumpImg(sampleView);
		dumpClear();		
		
		var HTML = sampleView+'<div style="width:266px; float:right; margin-right:6px;">'+parseBrake(sortedIndex[n].getElementsByTagName("info").item(0).firstChild.nodeValue)+'</div>';
		
		


		x.parentNode.parentNode.nextSibling.firstChild.firstChild.innerHTML = HTML;
		//x.parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.childNodes[3].style.height = '250';
		
		x.parentNode.parentNode.childNodes[5].innerHTML = '<a class="closeDetail" onClick="javascript:btnAction(this,'+n+')" href="javascript:;">Close</a>' ; 
		//trace(x.parentNode.parentNode.childNodes[5].nodeName);
		//if(x.className=='btnPlay'){
		//	x.parentNode.parentNode.childNodes[1].innerHTML = '<a class="btnStop" onClick="javascript:btnAction(this,'+n+')" href="javascript:;">停止</a>' ; 
		//}
		if(x.className=='openDetailTitle'){
			x.className='closeDetailTitle'
		}
		
	  }
	  else if(x.className=='closeDetail' || x.className=='closeDetailTitle') {
		x.parentNode.parentNode.nextSibling.firstChild.firstChild.style.display = 'none';
		if(sortedIndex[n].getElementsByTagName("sample").item(0).childNodes.length>0){
		//x.parentNode.parentNode.childNodes[1].innerHTML = '<a class="btnPlay" onClick="javascript:btnAction(this,'+n+')" href="javascript:;">再生</a>' ; 
		}
		x.parentNode.parentNode.childNodes[5].innerHTML = '<a class="openDetail" onClick="javascript:btnAction(this,'+n+')" href="javascript:;">Details</a>' ; 
		if(x.className=='closeDetailTitle'){
			x.className='openDetailTitle'
		}
	  }
	  else if(x.className=='btnStop' ) {
		x.parentNode.parentNode.nextSibling.firstChild.firstChild.style.display = 'none';
		x.parentNode.parentNode.childNodes[5].innerHTML = '<a class="openDetail" onClick="javascript:btnAction(this,'+n+')" href="javascript:;">Details</a>' ; 
		//x.parentNode.parentNode.childNodes[1].innerHTML = '<a class="btnPlay" onClick="javascript:btnAction(this,'+n+')" href="javascript:;">再生</a>' ; 
//		trace(x.parentNode.parentNode.childNodes[1].innerHTML);
	  }
		  
  }
  
  function trace(x){
	  document.getElementById("consol").innerHTML +='<br>'+x;
  }
  
  function dumpImg(x){
	  document.getElementById("dump").innerHTML +=x;
  }
  function dumpClear(){
	  document.getElementById("dump").innerHTML ="";
  }
  
  function printState(x){
	  document.getElementById("status").innerHTML =x;
  }
  
  //日付文字列の変換
  function makeDate(string){
		var tmps = '';
		tmps = string.slice(0,4);
		/*
		tmps += '/';
		tmps += string.slice(4,6);
		tmps += '/';
		tmps += string.slice(6,8);
		*/
		return tmps;
  }