function mover(obj)
{
obj.style.border="1px #cccccc solid";
obj.style.backgroundColor="#ecffec";
}
function mout(obj)
{
obj.style.border="1px #ffffff solid";
obj.style.backgroundColor="#ffffff";
}
function umover(obj)
{
obj.style.backgroundColor="#ecffec";
}
function umout(obj)
{
obj.style.backgroundColor="#ffffff";
}


/* Script zur Anzeige eines Bildes vor transparentem Hintergrund in der Mitte des Bildschirms */
var back_div=null;
var img_div=null;

function getSizeOffsets() {
	if(window.innerWidth) {
		return [window.innerWidth,window.innerHeight];
	} else {
		var bt = document.body;
		if(!bt.clientWidth) {
			bt = document.documentElement;
		}
		return [bt.clientWidth,bt.clientHeight];
	}
}

function getPositionOffsets() {
	if(window.innerWidth) {
		return [window.pageXOffset,window.pageYOffset];
	} else {
		var bt = document.body;
		if(!bt.clientWidth) {
			bt = document.documentElement;
		}
		return [bt.scrollLeft,bt.scrollTop];
	}
}

function updateDiv() {
	if(back_div && img_div) {
		var s = getSizeOffsets();

		back_div.style.width = s[0]+'px';
		back_div.style.height = s[1]+'px';

		var img = img_div.firstChild;

		var iX = ((s[0] - img.width)/2)-5;
		if(0 > iX || img.width > s[0]) {iX=0;}
		var iY = ((s[1] - img.height)/2)-25;
		if(0 > iY || img.height > s[1]) {iY=0;}

		img_div.style.top = iY+'px';
		img_div.style.left = iX+'px';

		if(document.all) { // Weil IE kein 'fixed' kann
			var p = getPositionOffsets();

			back_div.style.left = p[0]+'px';
			back_div.style.top = p[1]+'px';

			img_div.style.left = (iX+p[0])+'px';
			img_div.style.top = (iY+p[1])+'px';
		}
	}
}

function show_pic(i,w,h,t) {
	if(back_div || img_div) { close_pic(); }
	h=parseInt(h);
	w=parseInt(w);

	var body = document.getElementsByTagName("body")[0];

	back_div = document.createElement("div");
	back_div.id='sp_backdiv';
	img_div = document.createElement("div");
	img_div.id='sp_imgdiv';

	var img = document.createElement("img");
	img.id='sp_img';
	img_div.appendChild(img);
	var txt = document.createElement("div");
	txt.id='sp_text';
	txt.appendChild(document.createTextNode(t));
	img_div.appendChild(txt);
	var close = document.createElement("div");
	close.id='sp_close';
	close.appendChild(document.createTextNode('X'));
	img_div.appendChild(close);

	txt.style.top=(h+30)+'px';
	img_div.style.height=(h+50)+'px';
	img_div.style.width=(w+10)+'px';
	img.height=h;
	img.width=w;
	img.alt=t;
	img.src=i;

	back_div.onclick = close_pic;
	close.onclick = close_pic;

	if(document.all) { // Weil IE kein 'fixed' kann
		back_div.style.position='absolute';
		img_div.style.position='absolute';

		window.onscroll=updateDiv;
	} else {
		back_div.style.position='fixed';
		img_div.style.position='fixed';

		back_div.style.left = '0px';
		back_div.style.top = '0px';
	}
	window.onresize=updateDiv;

	setOpacity(back_div, 0.5);

	updateDiv();
	body.appendChild(back_div);
	body.appendChild(img_div);
	updateDiv();
}

function close_pic() {
	var body = document.getElementsByTagName("body")[0];

	window.onresize=null;
	if(document.all) {
		window.onscroll=null;
	}

	body.removeChild(back_div);
	body.removeChild(img_div);
	back_div=null;
	img_div=null;
}

/*
 * Eine bestimmte Transparenz setzen
 * d ... das Objekt dessen Transparenz gesetzt werden soll
 * v ... der Wert (float, 0..1)
 */
function setOpacity(d, v) {
	d.style.filter='alpha(opacity:'+(v*100)+')';
	d.style.KHTMLOpacity=v;
	d.style.MozOpacity=v;
	d.style.opacity=v;
}


function portrait(id,name,cat) {
 bild(id,name,cat,300,200);
}
function bild(id,name,cat,h,b) {
 cat = cat.replace(/_/g,"/");
 id = id.replace(/_/g,"/");
 show_pic("http://wettkampfklettern-sachsen.de/"+cat+"/"+id+"_p.jpg",b,h,name);
}