var ii;

function changetext(text) {
	var textfield=document.getElementById('phototext');
	textfield.innerHTML=text;
}

function show_image(i) {
	ii=i;
	var overlay=document.getElementById('overlay');
	var content=document.getElementById('content');
	var par=document.getElementById('par');
	document.getElementById('stit').innerHTML=images[i][1];
	document.getElementById('par').innerHTML=images[i][2];
	document.getElementById('prevlink').href=images[i>0?i-1:i][3];
	document.getElementById('nextlink').href=images[i<images.length-1?i+1:i][3];
	move_it();
	document.getElementById('bigimage').src=images[i][0];
	var block=document.getElementById('block');
	changeOpac(0,'overlay');
	changeOpac(0,'par');
	changeOpac(1,'block');
	block.style.visibility='visible';			
	overlay.style.visibility='visible';
	par.style.visibility='visible';	
	opacity('block',1,70,500);
	opacity('overlay',1,100,500);
	opacity('par',1,100,500);	
	return false;
}

function hide_image() {
	var overlay=document.getElementById('overlay');
	var block=document.getElementById('block');	
	opacity('overlay',100,0,500);
	opacity('par',100,0,500);
	opacity('block',65,0,500);	
	return false;
}

function f_clientHeight() {
	return f_filterResults (
		window.innerHeight ? window.innerHeight : 0,
		document.documentElement ? document.documentElement.clientHeight : 0,
		document.body ? document.body.clientHeight : 0
	);
}

function f_clientWidth() {
	return f_filterResults (
		window.innerWidth ? window.innerWidth : 0,
		document.documentElement ? document.documentElement.clientWidth : 0,
		document.body ? document.body.clientWidth : 0
	);
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } 
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";  
    if(opacity==0) {
		object.visibility='hidden';	
		
	}
} 

function getPosition(element)
/* der Aufruf dieser Funktion ermittelt die absoluten Koordinaten
   des Objekts element */
{
  var elem=element,tagname="",x=0,y=0;
  
/* solange elem ein Objekt ist und die Eigenschaft offsetTop enthaelt
   wird diese Schleife fuer das Element und all seine Offset-Eltern ausgefuehrt */
  while ((typeof(elem)=="object")&&(typeof(elem.tagName)!="undefined"))
  {
    y+=elem.offsetTop;     /* Offset des jeweiligen Elements addieren */
    x+=elem.offsetLeft;    /* Offset des jeweiligen Elements addieren */
    tagname=elem.tagName.toUpperCase(); /* tag-Name ermitteln, Grossbuchstaben */

/* wenn beim Body-tag angekommen elem fuer Abbruch auf 0 setzen */
    if (tagname=="BODY")
      elem=0;

/* wenn elem ein Objekt ist und offsetParent enthaelt
   Offset-Elternelement ermitteln */
    if (typeof(elem)=="object")
      if (typeof(elem.offsetParent)=="object")
        elem=elem.offsetParent;
  }

/* Objekt mit x und y zurueckgeben */
  position=new Object();
  position.x=x;
  position.y=y;
  return position;
}

function next() {
	return true;
	if(ii<images.length-1) {
		ii++;
		document.getElementById('bigimage').src=images[ii][0];
		document.getElementById('stit').innerHTML=images[ii][1];
		document.getElementById('par').innerHTML=images[ii][2];		
	}
	return false;
}

function prev() {
	return true;
	if(ii>0) {
		ii--;			
		document.getElementById('bigimage').src=images[ii][0];		
		document.getElementById('stit').innerHTML=images[ii][1];
		document.getElementById('par').innerHTML=images[ii][2];		
	}
	return false;
}

function preloadImages() {
	for(var i=0;i<images.length;i++) {
		new Image().src=images[i][0];		
	}
}

function move_it() {
	var overlay=document.getElementById('overlay');
	var content=document.getElementById('content');
	var par=document.getElementById('par');
	var pos=getPosition(content);
	overlay.style.left=pos.x+10+"px";
	overlay.style.top=pos.y+"px";
	par.style.left=pos.x+10+"px";
	par.style.top=pos.y-110+"px";
}