//==============================================================================
//  SYSTEM      :  MilTube用ライブラリ
//
//
  var counter
  var xmlDoc
  var numOnPage = 10

  function on_loaded(oj){
    xmlDoc = oj.responseXML
    parseXmlData(xmlDoc)
  }

  function countUp() {
    if(counter) { counter++ } else { counter = "1" }
  }

  function countDown() {
    counter--
    if(counter) { } else { counter = "0" }
  }

  function displayController() {
    if(counter && counter > 0) {
      document.getElementById('prev').style.visibility = 'visible'
      document.getElementById('prev').style.display = 'inline'
    } else {
      document.getElementById('prev').style.visibility = 'hidden'
      document.getElementById('prev').style.display = 'inline'
    }
    document.getElementById('first').style.display = 'none'
    document.getElementById('next').style.visibility = 'visible'
    document.getElementById('next').style.display = 'inline'
  }

  function parseXmlData(xmlDoc) {
    displayController()
    var baseUrl   = "http://www.youtube.com/v/"
    var FlickrUrl
    var nodes = xmlDoc.getElementsByTagName("video")
    var id
    var thumbnail_url
    var imgSrc_s
    var imgSrc
    var min_counter = counter * numOnPage
    var max_counter = min_counter + numOnPage
    document.getElementById('imgSet').innerHTML = ""
    for (var i=min_counter ; i<max_counter; i++) {
      if(nodes[i]) {
        id = nodes[i].childNodes.item(1).text
        url = nodes[i].childNodes.item(11).text
        thumbnail_url = nodes[i].childNodes.item(12).text
        imgSrc_s = thumbnail_url 
        imgSrc = baseUrl + id 
        FlickrUrl = url
        document.getElementById('imgSet').innerHTML += "<a href=\"#\" onclick=\"setMainImg('" + imgSrc + "'" + ",'" + FlickrUrl + "'" + ")\">" + "<img class=\"thum\" src=\"" + imgSrc_s + "\"></a>"
        new Image().src = imgSrc
      } else {
        document.getElementById('next').style.visibility = 'hidden'
        break
      }
    }
  }

  function setMainImg(imgSrc, FlickrUrl) {
    var url = "<div><object width=\"425\" height=\"350\"><param name=\"movie\" value=\"" + imgSrc + "\"></param><embed src=\"" + imgSrc + "\" type=\"application/x-shockwave-flash\" width=\"425\" height=\"350\"></embed></object></div>" 
    document.getElementById('imgMain').innerHTML  = url
    document.getElementById('imgMain').innerHTML += "<p id=\"flickrurl\"><a href=\"" + FlickrUrl + "\" target=\"_blank\">" + FlickrUrl +"</a></p>"
  }
  
  function setThumImg(oj) {
    displayController()
    sendRequest(on_loaded, '', 'GET', './rest_m.xml', true, true)
  }

  function setThumImgFirst(oj) {
    counter = 0
    setThumImg(oj)
  }

  function setThumImgNext(oj) {
    countUp()
    if(xmlDoc) {
      parseXmlData(xmlDoc)
    } else {
      setThumImg(oj)
    }
  }

  function setThumImgPrev(oj) {
    countDown()
    if(xmlDoc) {
      parseXmlData(xmlDoc)
    } else {
      setThumImg(oj)
    }
  }

  function updateData() {
    counter = 0
    var tag = document.forms[0].tag.value
    var url       = './getMovie.cgi'
    var inputData = '&tag=' + tag
    document.getElementById('imgSet').innerHTML = "写真を更新中..."
    sendRequest(setThumImg, inputData, 'GET', url, true, true)
  }

  function on_loaded2(oj){
    document.getElementById('afterImp').innerHTML = "感想ありがとう！ <a href=\"#\" class=\"more\" onclick=\"moreImp()\">[まだ感想を言いたい]</a>"
  }

  function wi() {
    var impression = document.forms["writeImpression"].impression.value
    var url       = './writeImpression.php'
    var inputData = '&impression=' + impression
    document.getElementById('afterImp').innerHTML = "感想を送信中..."
    document.getElementById('writeImpression').style.display = 'none'
    sendRequest(on_loaded2, inputData, 'GET', url, true, true)
  }

  function moreImp() {
    document.forms["writeImpression"].impression.value = ''
    document.getElementById('afterImp').innerHTML = ""
    document.getElementById('writeImpression').style.display = 'block'
  }

  function clearField() {
    if(document.forms[0].tag.value == 'English only!') {
      document.forms[0].tag.value = ''
    }
    return false ;
  }