//==============================================================================
//  SYSTEM      :  Milckr用ライブラリ
//
//
  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://static.flickr.com/"
    var FlickrUrl
    var nodes = xmlDoc.getElementsByTagName("photo")
    var id
    var secret
    var server
    var title
    var owner
    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].getAttribute("id")
        secret = nodes[i].getAttribute("secret")
        server = nodes[i].getAttribute("server")
        title  = nodes[i].getAttribute("title")
        owner  = nodes[i].getAttribute("owner")
        imgSrc_s = baseUrl + server + "/" + id + "_" + secret +"_s.jpg" 
        imgSrc = baseUrl + server + "/" + id + "_" + secret +".jpg" 
        FlickrUrl = "http://www.flickr.com/photos/"
        FlickrUrl = FlickrUrl + owner + "/" + id + "/"
        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) {
    document.getElementById('imgMain').innerHTML  = "<img class=\"main\" src=\"" + imgSrc + "\">"
    document.getElementById('imgMain').innerHTML += "<p id=\"flickrurl\"><a href=\"" + FlickrUrl + "\" target=\"_blank\">" + FlickrUrl +"</a></p>"
  }
  
  function setThumImg(oj) {
    displayController()
    sendRequest(on_loaded, '', 'GET', './rest.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       = './getImage.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 ;
  }