window.addEventListener('load', function () {
  if (window.navigator.standalone) {
    document.body.className = "standalone";
  }
}, false);

window.applicationCache.addEventListener('updateready', cacheUpdatereadyListener, false);
window.applicationCache.addEventListener('error', cacheErrorListener, false);
window.applicationCache.addEventListener('checking', cacheCheckingListener, false);
window.applicationCache.addEventListener('noupdate', cacheNoupdateListener, false);
window.applicationCache.addEventListener('downloading', cacheDownloadingListener, false);
window.applicationCache.addEventListener('progress', cacheProgressListener, false);
window.applicationCache.addEventListener('cached', cacheCachedListener, false);

function cacheUpdatereadyListener () {
  console.log("cacheUpdatereadyListener");
}

function cacheErrorListener (evt) {
  console.log("cacheErrorListener", evt);
}

function cacheCheckingListener (evt) {
  console.log("cacheCheckingListener", evt);
}

function cacheNoupdateListener () {
  console.log("cacheNoupdateListener");
}

function cacheDownloadingListener () {
  console.log("cacheDownloadingListener");
}

function cacheProgressListener () {
  console.log("cacheProgressListener");
}

function cacheCachedListener () {
  console.log("cacheCachedListener");
}

function showMap (url) {
  window.location.href = url;
}

function map (id, url) {
  document.getElementById(id).style.display = "block";
  var img = new Image();
  img.onload = function () {
    document.getElementById(id).style.backgroundImage = "url('"+this.src+"')";
  }
  img.onError = function () {
    document.getElementById(id).style.display = "none";
  }
  img.src = url;
}

function changeLetter (letter, id) {
  var nodes = document.getElementById(id).childNodes;
  for (var key in nodes) {
    if (nodes[key].style) {
      if (letter == '') {
        nodes[key].style.display = '';
      } else if (nodes[key].className == 'filters') {
        nodes[key].style.display = '';
      } else if (nodes[key].className == 'group') {
        nodes[key].style.display = 'none';
      } else if (nodes[key].title.match(letter)) {
        nodes[key].style.display = '';
      } else {
        nodes[key].style.display = 'none';
      }
    }
  }
}

function changeGroup (group) {
  for (var pos = 0; pos < 5; pos++) hideGroup(pos);
  if (group == '') {
    for (var pos = 0; pos < 5; pos++) showGroup(pos);
  } else {
    showGroup(group);
  }
}

function hideGroup (group) {
  var list = document.getElementsByClassName('group'+group);
  for (var el in list) {
    if (list[el].style) list[el].style.display = 'none';
  }
}

function showGroup (group) {
  var list = document.getElementsByClassName('group'+group);
  for (var el in list) {
    if (list[el].style) list[el].style.display = '';
  }
}

function changeDay (id, day) {
  window.iui.showPageByHref('/iphone/live/-/id/'+id+'/day/'+day);
}

function updateOrientation () {
  var orientation = window.orientation;
  switch (orientation) {
  case 0:
    document.body.setAttribute("class","portrait");
    break;
  case 90:
    document.body.setAttribute("class","landscape");
    break;
  case -90:
    document.body.setAttribute("class","landscape");
    break;
  }
}