// JavaScript Document
var masterarea = new Object();
var act_box	   = null;
var l_bx   	   = true;
var r_bx   	   = true;
var auto   	   = false;
var loff   	   = 0;
var toff   	   = 0;
var lim    	   = 0;
var mid        = 200;
var alim       = 0;
var arrow      = 'u';
var intervall  = 7;
var dir        = 'fwd';
var bild       = 'sensor';
var box        = 'sens';
/**
 * function cleararr() removes an arrow from the image
 */
function cleararr() {
	l_bx    = true;
	r_bx    = true;	
	setTimeout('', 400);
	if(act_box) {
		var inforemove = document.getElementById(act_box);
	} 
	if(inforemove){ 
		inforemove.parentNode.removeChild(inforemove);
	}
}
/**
 * function leftarr() draws the left-arrow on the image
 */
function leftarr() {
  	if(auto) {return true;}
	if(l_bx) {
		cleararr();
		if(arrow == 'a') {
			return true;
		}

		var arrleftpix = masterarea.lx + loff;
		switch (arrow) {
			case 'o':
				var arrtoppix = masterarea.ty;
				break;
			case 'm':
				var arrtoppix = masterarea.ty + masterarea.ht/2 - 20;
				break;
			default:
				var arrtoppix = masterarea.ty +masterarea.ht - 40;
				break;
		}
		var arrdiv = document.createElement('div'); 
		arrdiv.style.left = arrleftpix + 'px';
		arrdiv.style.top  = arrtoppix + 'px';
		arrdiv.id = 'left_'+bild;
		arrdiv.className = 'arr_l'; 
		arrdiv.innerHTML = '<img src="/strato-data/fotoalbum2/pics/arr_l.gif" border="0">';
		document.getElementById(box).appendChild(arrdiv);
		act_box = arrdiv.id;
	}
	return true;
}

function rightarr() {
	if(auto) {return true;}
	if(r_bx) {
		cleararr();
		if(arrow == 'a') {
			return true;
		}
		var arrleftpix = masterarea.lx + masterarea.wd - 40 + loff;
		switch (arrow) {
			case 'o':
				var arrtoppix = masterarea.ty;
				break;
			case 'm':
				var arrtoppix = masterarea.ty + masterarea.ht/2 - 20;
				break;
			default:
				var arrtoppix = masterarea.ty +masterarea.ht - 40;
				break;
		}
		var arrdiv = document.createElement('div'); 
		arrdiv.style.left = arrleftpix + 'px';
		arrdiv.style.top  = arrtoppix + 'px';
		arrdiv.id = 'right_'+bild;
		arrdiv.className = 'arr_r'; 
		arrdiv.innerHTML = '<img src="/strato-data/fotoalbum2/pics/arr_r.gif" border="0">';
		document.getElementById(box).appendChild(arrdiv);
		act_box = arrdiv.id;
	}
	return true;
}
/**
 * function move() to determin position over the image and to set the corners of the image
 */
function move(ev) {
  var hand     = null;
  var bildid   = null;
  var bildx    = null;
  var bildoffx = null;
  if(ev) {
    bildid = ev.target.id;
    bildx  = ev.pageX;
    lim    = 400;
    loff   = 1;
  } else if(event) {
    bildid = event.srcElement.id;
    bildx  = event.clientX;
    loff   = 2;
    toff   = 2;
  }
	if(!bildid || bildid != 'sensor') {
	   cleararr();
		return false;
	} else {
	  var olx = document.getElementById('outsens').offsetLeft;
	  var oty = document.getElementById('outsens').offsetTop;
	  var owd = document.getElementById('outsens').offsetWidth;
	  var oht = document.getElementById('outsens').offsetHeight - 39;
	  var iwd = document.getElementById('sens').offsetWidth;
	  var iht = document.getElementById('sens').offsetHeight;
	  
	  var vspace = owd - iwd;
	  var hspace = oht - iht;
	  var voffs  = vspace / 2;
	  var hoffs  = hspace / 2;

	  masterarea.lx = olx + voffs;
	  masterarea.ty = oty + hoffs;
	  masterarea.wd = iwd;
	  masterarea.ht = iht;

	  var pib = bildx - olx;
	  mid = owd / 2;
 
     if(lim != 400) {
			lim = mid;
		}
		if(pib < lim) {
			lim = 0;
			leftarr();
		} else {
			lim = 0;
			rightarr();
		}
   }
   return true;
}
function reloadmenue() {
	serial_AJAX(scriptDir+'menbarshow.php', '', '', 'menuebox');
}

function reloadbar(par, bild_id) {
	if(!bild_id) {
		var bild_id = document.getElementById('sensor').name;
	}
	serial_AJAX(scriptDir+'sbarshow.php', par, bild_id, 'sbar');
}

function nextImg() {
	var bild_id = document.getElementById('sensor').name;
	serial_AJAX(scriptDir+'slideshow.php', 'nxt', bild_id, 'nonsens');
	reloadbar('nxt');
	reloadmenue();
}

function prevImg() {
	var bild_id = document.getElementById('sensor').name;
	serial_AJAX(scriptDir+'slideshow.php', 'pre', bild_id, 'nonsens');
  reloadbar('pre');
  reloadmenue();
}

function thatImg(img) {
	serial_AJAX(scriptDir+'slideshow.php', 'img', img, 'nonsens');
	reloadbar('img', img);
  reloadmenue();
}

function slide() {
	if(!auto) {return true;}
//	var inter = document.getElementById('inter').value;
	var duration = intervall * 1000;
// 	if(document.getElementById('dir').checked) {
  if(dir == 'fwd') {
		var bild_id = document.getElementById('sensor').name;
              serial_AJAX(scriptDir+'slideshow.php', 'nxt', bild_id, 'nonsens');
	} else {
	     var bild_id = document.getElementById('sensor').name;
	     serial_AJAX(scriptDir+'slideshow.php', 'pre', bild_id, 'nonsens');
	}
	setTimeout('slide()', duration);
}

function darker() {
	auto = true;
	document.getElementById('menuebox').style.visibility = 'hidden';
	document.getElementById('sbar').style.visibility = 'hidden';
	slide();
}

function lighter() {
	document.getElementById('menuebox').style.visibility = 'visible';
	document.getElementById('sbar').style.visibility = 'visible';
	auto = false;
}

function pos(ev) {
	cleararr();
	if(ev) {
		var bildid = ev.target.id;
		var bildx  = ev.pageX;
		alim = 400;
	} else if(event) {
		var bildid = event.srcElement.id;
		var bildx  = event.clientX;
	}
	if(!bildid || bildid != 'sensor') {
		return true;
	} else {
	  var olx = document.getElementById('outsens').offsetLeft;
	  var oty = document.getElementById('outsens').offsetTop;
	  var owd = document.getElementById('outsens').offsetWidth;
	  var oht = document.getElementById('outsens').offsetHeight;

	  masterarea.lx = olx;
	  masterarea.ty = oty;
	  masterarea.wd = owd;
	  masterarea.ht = oht;

	  var pib = bildx - olx;
	  alim = owd / 2;
 	  
 	  if(pib < alim) {
			alim  = 0;
			prevImg();
		} else {
			alim  = 0;
			nextImg();
		}
	}
	lighter();
}


/**
 * function setarr() sets the position of the arrow
 */
function setarr(aid) 
{
	document.getElementById('o').className = '';
	document.getElementById('m').className = '';
	document.getElementById('u').className = '';
	document.getElementById('a').className = '';
	document.getElementById(aid).className = 'naveintragmarkiert';
	arrow = aid;
	document.getElementById('arrlist').className = 'naveintragHit';
	serial_AJAX(scriptDir+'set_session.php', 'arrow', arrow, 'nix');
}

function setint(iid) 
{
	document.getElementById('2').className = '';
	document.getElementById('3').className = '';
	document.getElementById('4').className = '';
	document.getElementById('5').className = '';
	document.getElementById('6').className = '';
	document.getElementById('7').className = '';
	document.getElementById('8').className = '';
	document.getElementById('9').className = '';
	document.getElementById('10').className = '';
	document.getElementById('12').className = '';
	document.getElementById('15').className = '';
	document.getElementById('20').className = '';
	document.getElementById(iid).className = 'naveintragmarkiert';
	intervall = iid;
	document.getElementById('intlist').className = 'naveintragHit';
	serial_AJAX(scriptDir+'set_session.php', 'intervall', intervall, 'nix');
}

function setdir(did) 
{
	document.getElementById('fwd').className = '';	
	document.getElementById('bwd').className = '';	
	document.getElementById(did).className = 'naveintragmarkiert';
	dir = did;
	document.getElementById('dirlist').className = 'naveintragHit';
	serial_AJAX(scriptDir+'set_session.php', 'dir', dir, 'nix');
}