function swap_img(pic)
{	
	var dsplit = pic.src.split("/");
	var dir = ""
	for(i = 0; i < (dsplit.length - 1); i++) dir = dir+dsplit[i]+'/';	
	var fsplit = dsplit[(dsplit.length)-1].split(".");
	var fname = "";
	for(i = 0; i < (fsplit.length - 1); i++) fname = fname+fsplit[i];
	var ftype = fsplit[(fsplit.length)-1];
	
	
	if(pic.src.indexOf("_over") == -1)
	{
		pic.src = dir+fname+'_over.'+ftype;
	}
	else
	{
		var osplit = fname.split("_");
		var ofname = "";
		for(i = 0; i < (osplit.length)-1; i++) ofname = ofname+osplit[i]+'_';
		pic.src = dir+ofname.substr(0, (ofname.length - 1))+'.'+ftype;
	}
}

function image_popup(picindex)
{
	var pic = document.getElementById('currentpic');
	var bilderbox = document.getElementById('bilderbox');
	document.getElementById('dark_bg').onclick = function () { image_popup(); }
	pic.src = "";
	if(document.getElementById('dark_bg').style.display == "none")
	{
		dgb_fin();
		bilderbox.style.visibility = "visible";
//		pic.src = "<? echo $option['page_url']; ?>template/wait.gif";
		pic.src = "http://sfg-singen.de/template_markus/wait.gif";
		pic.style.visibility = "visible";
		pic.style.display = "block";
		pic.width = 468;
		pic.height = 260;
		bilderbox.style.width = 468+'px';
		bilderbox.style.height = 260+'px';
		bilderbox.style.marginLeft = eval(0 - (468 / 2)) +'px';
		bilderbox.style.marginTop = eval(0 - (280 / 2)) +'px';
		window.setTimeout("image_popup2('"+picindex+"')", 1000);
	}
	else
	{
		dgb_fout();
		bilderbox.style.visibility = "hidden";
		pic.style.visibility = "hidden";
	}
		
}

function image_popup2(picindex)
{
	var pic = document.getElementById('currentpic');
	pic.src = apics[picindex][1];
	pic.style.visibility = "hidden";
	pic.style.display = "none";
	setwidth(468, apics[picindex][2], picindex, "opic");
}

function setwidth(start, end, picindex, wtd) {
	document.getElementById('innerbox').style.display = 'none';
	document.getElementById('innerbox').style.visibility = 'hidden';
    var millisec = 100;
    var speed = Math.round(millisec / 100);
    var timer = 0;

    if(start > end) {
        for(i = start; i >= end; i--) {
            if((i % 20) == 0 || i == end) {
                  setTimeout("changeWidth(" + i + "," + end + ", "+ picindex +", '"+wtd+"')",(timer * speed));
            }
            timer++;
        }
    } else if(start < end) {
        for(i = start; i <= end; i++) {
            if((i % 20) == 0 || i == end) {
                  setTimeout("changeWidth(" + i + "," + end + ", "+ picindex +", '"+wtd+"')",(timer * speed));
            }
            timer++;
        }
    }
	else	{
	var curheight = document.getElementById('currentpic').height;
	setheight(curheight, apics[picindex][3], 100, "npic");
   }
}

function changeWidth(picwidth, maxwidth, picindex, wtd) {
	var pic = document.getElementById('currentpic');
	var bilderbox = document.getElementById('bilderbox');
	pic.width = picwidth;
	bilderbox.style.width = picwidth+'px';
	bilderbox.style.marginLeft = eval(0 - (picwidth / 2)) +'px';
	if(picwidth == maxwidth)
	{
		switch(wtd)
		{
			case "opic":
			setheight(260, apics[picindex][3], "opic");
			break;

			case "npic":
			var curheight = document.getElementById('currentpic').height;
			setheight(curheight, apics[picindex][3], "npic");
			break;
		}
	} 
} 

function setheight(start, end, wtd) {
    var millisec = 100;
    var speed = Math.round(millisec / 100);
    var timer = 0;

    if(start > end) {
        for(i = start; i >= end; i--) {
            if((i % 20) == 0 || i == end) {
                  setTimeout("changeHeight(" + i + ", " + end + ", '"+wtd+"')",(timer * speed));
            }
            timer++;
        }
    } else if(start < end) {
        for(i = start; i <= end; i++) {
            if((i % 20) == 0 || i == end) {
                  setTimeout("changeHeight(" + i + ", " + end + ", '"+wtd+"')",(timer * speed));
            }
            timer++;
        }
    }
	else {
	document.getElementById('innerbox').style.display = 'block';
	document.getElementById('innerbox').style.visibility = 'visible';
	opacity('currentpic', 0, 100, 300, '');	
    }
}

function changeHeight(picheight, maxheight, wtd) {
	var pic = document.getElementById('currentpic');
	var bilderbox = document.getElementById('bilderbox');
	pic.height = picheight;
	bilderbox.style.height = picheight+'px';
	bilderbox.style.marginTop = eval(0 - ((picheight + 20) / 2)) +'px';

	if(picheight == maxheight) pfadein();
} 

function pfadein() {
	var object = document.getElementById('currentpic').style;
	document.getElementById('innerbox').style.display = 'block';
	document.getElementById('innerbox').style.visibility = 'visible';
	object.opacity = 0;
	object.filter = "alpha(opacity=0)";
	object.visibility = 'visible';
	object.display = 'none';
	opacity('currentpic', 1, 100, 300);
}

function next_pic() {
	opacity('currentpic', 100, 1, 300, "npic");
}

function prev_pic() {
	opacity('currentpic', 100, 1, 300, "ppic");
}

function dgb_fin()
{
	var dgb = document.getElementById('dark_bg').style;
	dgb.opacity = 0;
	dgb.filter = "alpha(opacity=0)";
	dgb.display = 'block';
	opacity('dark_bg', 1, 80, 300);
}

function dgb_fout()
{
	var dgb = document.getElementById('dark_bg').style;
	dgb.opacity = 0.8;
	dgb.filter = "alpha(opacity=80)";
	opacity('dark_bg', 80, 0, 300, "dnone");
}

function opacity(id, start, end, millisec, wtd) {
    if(id == 'currentpic')
          document.getElementById('currentpic').style.display = 'block';
    else
          document.getElementById('currentpic').style.display = 'none';

    var speed = Math.round(millisec / 100);
    var timer = 0;

    if(start > end) {
        for(i = start; i >= end; i--) {
            if(((i % 20) == 0) || i == end) {
                  setTimeout("changeOpac(" + i + ",'" + id + "', "+ end +", '"+ wtd +"')",(timer * speed));
            }
            timer++;
        }
    } else if(start < end) {
        for(i = start; i <= end; i++) {
            if(((i % 20) == 0) || i == end) {
                  setTimeout("changeOpac(" + i + ",'" + id + "', "+ end +", '"+ wtd +"')",(timer * speed));
            }
            timer++;
        }
    }
}

function changeOpac(opacity, id, end, wtd) {
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";

	if(opacity == end)
	{
		switch(wtd)
		{
			case "dnone":
			object.display = "none";
			break;

			case "npic":
			var curi = getcurpicindex();
			var ni = ((curi + 1) >= apics.length) ? 0 : (curi + 1);
			var curwidth = document.getElementById(id).width;			
			document.getElementById(id).src = apics[ni][1];
            document.getElementById("currentpic").style.display = 'none';
			setwidth(curwidth, apics[ni][2], ni, "npic");
			break;

			case "ppic":
			var curi = getcurpicindex();
			var pi = ((curi - 1) < 0) ? (apics.length - 1) : (curi - 1);
			var curwidth = document.getElementById(id).width;			
			document.getElementById(id).src = apics[pi][1];
            document.getElementById("currentpic").style.display = 'none';
			setwidth(curwidth, apics[pi][2], pi, "npic");
			break;
		}
	}
} 

function getcurpicindex() {
	var curpic = document.getElementById('currentpic').src;
	for(i = 0; i < apics.length; i++)
	{
		if(apics[i][1] == curpic)
		{
			return i;
		}
	}
}