////////////////////////////////////////////////////////////

window.onload = function(){
  view = "0";
  count = "0";
  XmlLoading();
}

////////////////////////////////////////////////////////////

function XmlLoading(){
  timer = "5000";
  speed = "80";


  var BodyName = "mainView";
  var XML = "alpha.xml";
  var AlphaID = "img"+count;
  count++;


  //PreDate
  preid = count-1;
  preid = "random"+preid;
  var preobj = document.getElementById(preid);
  if(preobj){
    view = preobj.value;
  }

 //NewImage
  var newimgobj = document.createElement("p");
  newimgobj.id  = AlphaID;
  document.getElementById(BodyName).appendChild(newimgobj);
  AlphaloadXMLFile(XML,AlphaID);

  //ElementDelete
  var delid = count-3;
  var delid = "img"+delid;
  var oldobj=document.getElementById(delid);
  if(document.getElementById(delid)){
    var oldobj_parent=oldobj.parentNode;
    oldobj_parent.removeChild(oldobj);
  }
  fadeIn(AlphaID,0);

  var loadobj = document.getElementById("loadflag");
  setTimeout('XmlLoading()',loadobj.value);


  function AlphaloadXMLFile(FILE,DISPLAY){
    AlphahttpObj = createXMLHttpRequest(AlphadisplayXML);
    if (AlphahttpObj){
      AlphahttpObj.open("GET",FILE,true);
      AlphahttpObj.send(null);
    }
    function AlphadisplayXML(){
      if ((AlphahttpObj.readyState == 4) && (AlphahttpObj.status == 200)){
        AlphaXMLData = AlphahttpObj.responseXML;
        $(DISPLAY).innerHTML = AlphaViewXML();
      }else{
        var LoadOUT = "";
        LoadOUT += "<input type=\"hidden\" id=\"loadflag\" value=\"0\" />";
        $(DISPLAY).innerHTML = LoadOUT;
      }
    }
  }
}


function AlphaViewXML(){
  var ListTags_item = AlphaXMLData.getElementsByTagName("view");
  var userLen = ListTags_item.length;
  var ID = RandomSet(userLen,view);
  out_image = AlphaXMLData.getElementsByTagName("image")[ID].childNodes[0].nodeValue;
  out_alt = AlphaXMLData.getElementsByTagName("alt")[ID].childNodes[0].nodeValue;

  OUT = "";
  OUT += "<img src=\"images/"+out_image+"\" width=\"860\" height=\"245\" alt=\""+out_alt+"\" />";
  OUT += "<input type=\"hidden\" id=\"random"+count+"\" value=\""+ID+"\" />";
  OUT += "<input type=\"hidden\" id=\"loadflag\" value=\""+timer+"\" />";
  return OUT;

  function RandomSet(NUM,Flag){
    var randomval = getRandom(userLen);
    while (randomval == Flag){
      randomval = getRandom(userLen);
    }
    return randomval;
    function getRandom(){
      return Math.floor(Math.random()*NUM);
    }
  }
}


function fadeIn(imgId, opacity){
  if (opacity <= 100) {
    setOpacity(document.getElementById(imgId), opacity);
    opacity += 10;
    window.setTimeout("fadeIn('" + imgId + "'," + opacity + "," + speed + ")", speed);
  }
}

function setOpacity(img, opacity){
  img.style.filter = "alpha(opacity:" + opacity + ")";
  img.style.MozOpacity = opacity / 100;
  img.style.opacity = opacity / 100;
}


// HTTP通信用、共通関数
function createXMLHttpRequest(cbFunc){
  var MyObject = null;
  try{
    MyObject = new XMLHttpRequest();
  }catch(e){
    try{
      MyObject = new ActiveXObject("Msxml2.XMLHTTP");
    }catch(e){
      try{
        MyObject = new ActiveXObject("Microsoft.XMLHTTP");
      }catch(e){
        return null;
      }
    }
  }
  if(MyObject){
    MyObject.onreadystatechange = cbFunc;
  }
  return MyObject;
}





// document.getElementById
function $(tagId){
  return document.getElementById(tagId);
}