var lang = "en";
var page = "";

function init() {
  lang = path.substring(0,2);
  page = path.substr(3);
  //var flags = document.getElementById("flags");
  //flags.style.visibility = "hidden";
  if (usetranbuttons) {
    inittran();
  }
}

function langclick(newlang) {
  if (newlang != lang) {
    window.location.href = 'http://'+window.location.host+'/'+newlang+'/'+page;
  }	  
}	

function buttclick(e) {
  var elm = e.target;
  var id = parseInt(elm.id.substring(3));
  if (buttpage[id].length == 0) {
    history.back();
  } else {
    window.location.href = buttpage[id];
  }
}

function buttenter(e) {
  var elm = e.target;
  elm.style.opacity = "0.3";
}

function buttleave(e) {
  var elm = e.target;
  elm.style.opacity = "0";
}

function touchenter(e) {
  var elm = e.target;
  elm.style.opacity = "0.3";
}

function touchleave(e) {
  var elm = e.target;
  elm.style.opacity = "0";
}

var hframe = null;

function windresize(e) {
  if (hframe != null) {
    var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    height = height * 70.0 / 100.0;
    var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    width = width * 95.0 / 100.0;
    hframe.height = height;
    hframe.width = width;
  }
}

function inittran() {
  var img = document.getElementById("image");
  hframe = document.getElementById("helpframe");
  var hdiv = document.getElementById("helpdiv");
  var hrow = document.getElementById("helprow");
  var shot = document.getElementById("shot");
  if (domanual) {
    var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    height = height * 70.0 / 100.0;
    var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    width = width * 95.0 / 100.0;
    hframe.height = height;
    hframe.width = width;
    hframe.src = "help_manual.html#"+manoffset;
    if (window.attachEvent) {
      window.attachEvent("onresize", windresize);
    } else if (window.addEventListener) {
      window.addEventListener("resize", windresize);
    }
    shot = null;
  } else {
    var sz = 0;
    if (butt_left != null) {
      sz = butt_left.length;
    }
    if (sz > 0) {
    butt = new Array(sz);
    for (var i = 0; i<sz; i++) {
      butt[i] = document.createElement("img");
      butt[i].id = "but"+String(i);
      butt[i].src = "images/yellow.png";
      butt[i].width = butt_right[i]-butt_left[i];
      butt[i].height = butt_bottom[i]-butt_top[i];
      butt[i].style.position = "absolute";
      butt[i].style.left = String(butt_left[i]+img.offsetLeft)+"px";
      butt[i].style.top = String(butt_top[i]+img.offsetTop+hrow.offsetTop)+"px";
      butt[i].style.opacity = "0";
      butt[i].style.backgroundColor = "yellow;";
      butt[i].addEventListener("click", buttclick);
      butt[i].addEventListener("mouseenter", buttenter);
      butt[i].addEventListener("mouseleave", buttleave);
      butt[i].addEventListener("touchmove", touchenter);
      butt[i].addEventListener("touchleave", touchleave);
      butt[i].addEventListener("touchend", touchleave);
      butt[i].addEventListener("touchcancel", touchleave);
      img.appendChild(butt[i]);
    }
    }
  }
  if (shot != null && hframe != null) {
    hframe.height = shot.height;
    hdiv.height = shot.height;
  }
}