var xmlData;
var userData;
var sexData;
var ageData;
var answerData;
var commentData;
var resultStr ="";
var kijiid="";
var answercomment="";
var sexage="";
var sex="";
var linknum;
var sa=0;
var userlength;
var gh;
var id;
var rollbtn=1;
function requestFile(fileName){



var xmlHttpReq=createHttpRequest();
xmlHttpReq.open("GET",fileName,true);

 xmlHttpReq.onreadystatechange=function(){

  if(xmlHttpReq.readyState==4){

    
     xmlData=xmlHttpReq.responseXML;
     userData=xmlData.getElementsByTagName("user");
     sexData=xmlData.getElementsByTagName("sex");
     ageData=xmlData.getElementsByTagName("age");
     answerData=xmlData.getElementsByTagName("answer");
     commentData=xmlData.getElementsByTagName("comment");
	  id=userData[0].getAttribute("ID");
     linknum=Math.ceil(userData.length/10);
	
	 userlength=String(userData.length);
	 if(userData.length>=10){
	 gh=10-Number(userlength.substr(1,1));
	 }
	 if(userData.length>=100){
	 gh=10-Number(userlength.substr(2,1));
	 }
	 if(userData.length>=1000){
	 gh=10-Number(userlength.substr(3,1));
	 }
	//alert(userData.substr(1,
	//alert(ageData[200].childNodes[0].nodeValue);
	//最初表示されるとこ
  for(var i=0;i<10;i++){
if(answerData[i].childNodes[0].nodeValue=="好き"){
answercomment="<div class='anscom'>"+"<p class='gg'>"+userData[i].getAttribute("ID")+"</p>"+"<p class='suki'><span>"+answerData[i].childNodes[0].nodeValue+"</span></p>"+"<p class='com'>"+commentData[i].childNodes[0].nodeValue+"</p>"+"</div>";
}else{
answercomment="<div class='anscom'>"+"<p class='gg'>"+userData[i].getAttribute("ID")+"</p>"+"<p class='soudemonai'><span>"+answerData[i].childNodes[0].nodeValue+"</span></p>"+"<p class='com'>"+commentData[i].childNodes[0].nodeValue+"</p>"+"</div>";
}
if(sexData[i].childNodes[0].nodeValue=="男性"){
sexage+="<div class='kiji'>"+answercomment+"<div class='sexage'>"+"<p class='sex1'>"+sexData[i].childNodes[0].nodeValue+"</p>"+"<p class='age'>"+ageData[i].childNodes[0].nodeValue+"</p>"+"</div>"+"</div>";
}else{
sexage+="<div class='kiji'>"+answercomment+"<div class='sexage'>"+"<p class='sex2'>"+sexData[i].childNodes[0].nodeValue+"</p>"+"<p class='age'>"+ageData[i].childNodes[0].nodeValue+"</p>"+"</div>"+"</div>";
}


  }

createbutton("next");
	createbutton("prev");
	
  document.getElementById("commentcomment").innerHTML=sexage;

  }
 }

xmlHttpReq.send(null);


}

function createHttpRequest(){

 var x=null;
 
 if(window.XMLHttpRequest){
    return new XMLHttpRequest();
 }
 try{
    return new ActiveXObject("Msxml2.XMLHTTP");
 }catch(e){
    try{
        return new ActiveXObject("Microsoft.XMLHTTP");
    }catch(e){
        x=null;
    }
 }
   return x
}

function createbutton(num){
var button=document.createElement('input');
button.type="button";
button.value=num;
if(button.value=="next"){
button.className="next";
}else{
button.className="prev";
}

button.onclick=function(){
sexage="";
//linknum userdata.length/10 20;
if(button.value=="prev"){
rollbtn++;
if(rollbtn>=linknum){
rollbtn=linknum;
}
}else{
rollbtn--;
if(rollbtn<=1){
rollbtn=1;
}
}
if(rollbtn==linknum){
sa=gh;
}else{
sa=0;
}
//ボタン押したときの数
for(b=(Number(rollbtn)-1)*10;b<Number(rollbtn)*10-sa;b++){
if(answerData[b].childNodes[0].nodeValue=="好き"){
answercomment="<div class='anscom'>"+"<p class='gg'>"+userData[b].getAttribute("ID")+"</p>"+"<p class='suki'><span>"+answerData[b].childNodes[0].nodeValue+"</span></p>"+"<p class='com'>"+commentData[b].childNodes[0].nodeValue+"</p>"+"</div>";
}else{
answercomment="<div class='anscom'>"+"<p class='gg'>"+userData[b].getAttribute("ID")+"</p>"+"<p class='soudemonai'><span>"+answerData[b].childNodes[0].nodeValue+"</span></p>"+"<p class='com'>"+commentData[b].childNodes[0].nodeValue+"</p>"+"</div>";
}
if(sexData[b].childNodes[0].nodeValue=="男性"){
sexage+="<div class='kiji'>"+answercomment+"<div class='sexage'>"+"<p class='sex1'>"+sexData[b].childNodes[0].nodeValue+"</p>"+"<p class='age'>"+ageData[b].childNodes[0].nodeValue+"</p>"+"</div>"+"</div>";
}else{
sexage+="<div class='kiji'>"+answercomment+"<div class='sexage'>"+"<p class='sex2'>"+sexData[b].childNodes[0].nodeValue+"</p>"+"<p class='age'>"+ageData[b].childNodes[0].nodeValue+"</p>"+"</div>"+"</div>";
}
  }
document.getElementById("commentcomment").innerHTML=sexage;
}
var getbuttonid=document.getElementById("buttonid");
getbuttonid.appendChild(button);
}