function show_info(id, pic) {
	var rt = "...";
	switch(pic){
			case "img/ref/r_mysterium.jpg":
				rt = "&nbsp;titus müller // DAS MYSTERIUM<br />&nbsp;buchcover<br />&nbsp;illustration: christof kather <a href=\"http://www.grimmdesign.de/\" target=\"_blank\">[i. a. von grimmdesign]</a>";
			break;
			case "img/ref/r_lengtche.jpg":
				rt = "&nbsp;LENG T´CHE // marasmus<br />&nbsp;t-shirt<br />&nbsp;illustration: christof kather";
			break;
			case "img/ref/cephaliccarnage.gif":
				rt = "&nbsp;CEPHALIC CARNAGE // anomalies<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/cephaliccarnage2.gif":
				rt = "&nbsp;CEPHALIC CARNAGE // maikaefer<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/r_deadsoil_venom.jpg":
				rt = "&nbsp;DEADSOIL // the venom divine<br />&nbsp;CD artwork & bookletdesign<br />&nbsp;illustration: christof kather";
			break;
			case "img/ref/hatesphere_dandyna.gif":
				rt = "&nbsp;HATESPHERE // danish dynamite 2006<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/r_hatesphere_sickness.jpg":
				rt = "&nbsp;HATESPHERE // the sickness within<br />&nbsp;CD artwork & bookletdesign<br />&nbsp;illustration: christof kather";
			break;
			case "img/ref/hatesphere_sickshirt.gif":
				rt = "&nbsp;HATESPHERE // the sickness within<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/jaka_bundeswear.gif":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE // bundeswear<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/jaka_fckw.gif":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE // fckw<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/r_jaka_hcad1stenw.jpg":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE // hcad1stenw<br />&nbsp;CD artwork & bookletdesign<br />&nbsp;collage: christof kather";
			break;
			case "img/ref/r_sakrament.jpg":
				rt = "&nbsp;tim willocks // DAS SAKRAMENT<br />&nbsp;buchcover<br />&nbsp;illustration: christof kather <a href=\"http://www.grimmdesign.de/\" target=\"_blank\">[i. a. von grimmdesign]</a>";
			break;
			case "img/ref/jaka_besteck_G.gif":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE // besteck<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/jaka_fliege_G.gif":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE // fliege<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/jaka_jesus_G.gif":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE // jesus<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/jaka_poster_G.gif":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE //<br />&nbsp;plakat A1<br />&nbsp;collage: christof kather";
			break;
			case "img/ref/jaka_poster_hc.jpg":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE //<br />&nbsp;poster A3<br />&nbsp;gestaltung: christof kather";
			break;
			case "img/ref/poostew_web.gif":
				rt = "&nbsp;POOSTEW //<br />&nbsp;website<br />&nbsp;design: christof kather <span style=\"position:absolute;right:2px\"><a href=\"http://poostew.de/\" target=\"_blank\">www.poostew.de</a></span>";
			break;
			case "img/ref/miseryindex_pandemican_G.gif":
				rt = "&nbsp;MISERY INDEX // pandemican<br />&nbsp;t-shirt<br />&nbsp;design: oliver sander";
			break;
			case "img/ref/miseryindex_skull_G.gif":
				rt = "&nbsp;MISERY INDEX // BARCODE<br />&nbsp;t-shirt <span style=\"color:#CB22B1\">buy now @ <a style=\"color:#CB22B1\" href=\"http://www.indiemerchstore.com/miseryindex\" target=\"_blank\">indiemerchstore</a></span><br />&nbsp;design: oliver sander";
			break;
			case "img/ref/hatesphere_danes_G.gif":
				rt = "&nbsp;HATESPHERE // danes on the loose<br />&nbsp;t-shirt<br />&nbsp;design: oliver sander";
			break;
			case "img/ref/hatesphere_satan_G.gif":
				rt = "&nbsp;HATESPHERE // for those about ...<br />&nbsp;t-shirt<br />&nbsp;design: oliver sander";
			break;
			case "img/ref/miseryindex_meet_G.gif":
				rt = "&nbsp;MISERY INDEX // meet<br />&nbsp;t-shirt<br />&nbsp;design: oliver sander";
			break;
			case "img/ref/hatesphere_nuns_G.gif":
				rt = "&nbsp;HATESPHERE // nuns<br />&nbsp;t-shirt<br />&nbsp;design: oliver sander";
			break;
			case "img/ref/GRINDFUCKERS_G.gif":
				rt = "&nbsp;EXCREMENTORY GRINDFUCKERS // bitte nicht vor den gästen<br />&nbsp;CDdigipack<br />&nbsp;gestaltung: christof kather";
			break;
			case "img/ref/NUNSLAUGHTER_G.gif":
				rt = "&nbsp;NUNSLAUGHTER // the rotting christ<br />&nbsp;CDbox<br />&nbsp;design: oliver sander";
			break;
			case "img/ref/caliban_G.gif":
				rt = "&nbsp;CALIBAN // the opposite within<br />&nbsp;CDcover [original-entwurf]<br />&nbsp;illustration: christof kather";
			break;
			case "img/ref/jaka_tijgerG.gif":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE // tijger<br />&nbsp;t-shirt/pullover/girlie<br />&nbsp;design: christof kather";
			break;
			case "img/ref/jaka_bombe.gif":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE // bombe<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/jaka_zombie.gif":
				rt = "&nbsp;JAPANISCHE KAMPFHOERSPIELE // zombie<br />&nbsp;t-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/egf_ggg.gif":
				rt = "&nbsp;EXCREMENTORY GRINDFUCKERS // 6uts, 6ore & 6rind<br />&nbsp;CD cover & bookletdesign<br />&nbsp;gestaltung: christof kather";
			break;
			case "img/ref/7mon_rebored.gif":
				rt = "&nbsp;7 MINUTES OF NAUSEA // Nauseas been Rebored<br />&nbsp;Cover und Inlay-Design<br />&nbsp;gestaltung: oliver sander";
			break;
			case "img/ref/MiseryIndex_g.gif":
				rt = "&nbsp;MISERY INDEX // Dead Sam walking<br />&nbsp;Hoodie <span style=\"color:#CB22B1\">buy now @ <a style=\"color:#CB22B1\" href=\"http://www.indiemerchstore.com/miseryindex\" target=\"_blank\">indiemerchstore</a></span><br />&nbsp;design: oliver sander";
			break;
			case "img/ref/MiseryIndex_gifts.gif":
				rt = "&nbsp;MISERY INDEX // GIFTS FROM HEAVEN<br />&nbsp;<span style=\"color:#CB22B1\">buy now @ <a style=\"color:#CB22B1\" href=\"http://www.indiemerchstore.com/miseryindex\" target=\"_blank\">indiemerchstore</a></span><br />&nbsp;design: oliver sander";
			break;
			case "img/ref/androphagous.gif":
				rt = "&nbsp;ANDROPHAGOUS // HAVE A BARREL OF LAUGHS<br />&nbsp;t-shirt<br />&nbsp;gestaltung: oliver sander";
			break;
			case "img/ref/krill.gif":
				rt = "&nbsp;DAS KRILL // NANOGODS RISE!<br />&nbsp;t-shirt<br />&nbsp;gestaltung: oliver sander";
			break;
			case "img/ref/7mon.gif":
				rt = "&nbsp;7 MINUTES OF NAUSEA // FUCKING GODLESS<br />&nbsp;t-shirt <span style=\"color:#CB22B1\">buy now @ <a style=\"color:#CB22B1\" href=\"http://www.cxc.info\" target=\"_blank\">cyber-x-centric</a></span><br />&nbsp;typografie: oliver sander";
			break;
			case "img/ref/hatesphere_snakes.gif":
				rt = "&nbsp;HATESPHERE // SERPENTS<br />&nbsp;Hoodie<br />&nbsp;design: oliver sander";
			break;
			case "img/ref/misery_index_ruling.gif":
				rt = "&nbsp;MISERY INDEX // ruling class<br />&nbsp;t-shirt<br />&nbsp;design: oliver sander";
			break;
			case "img/ref/misery_index_49.gif":
				rt = "&nbsp;MISERY INDEX // 49 Seconds of Hate<br />&nbsp;t-shirt <span style=\"color:#CB22B1\">buy now @ <a style=\"color:#CB22B1\" href=\"http://www.indiemerchstore.com/miseryindex\" target=\"_blank\">indiemerchstore</a></span><br />&nbsp;design: oliver sander";
			break;
			case "img/ref/mi_Ruling Class Cancelled_shirt.gif":
				rt = "&nbsp;MISERY INDEX // Ruling Class Cancelled<br />&nbsp;t-shirt <span style=\"color:#CB22B1\">buy now @ <a style=\"color:#CB22B1\" href=\"http://www.indiemerchstore.com/miseryindex\" target=\"_blank\">indiemerchstore</a></span><br />&nbsp;design: oliver sander";
			break;
			case "img/ref/keitzer_shirt.gif":
				rt = "&nbsp;KEIZER // gas<br />&nbsp;t-shirt <span style=\"color:#CB22B1\">buy now @ <a style=\"color:#CB22B1\" href=\"http://grindkauf.de/stoff.php\" target=\"_blank\">grindkauf</a></span><br />&nbsp;design: oliver sander";
			break;
			case "img/ref/misery_index_samshirt.gif":
				rt = "&nbsp;MISERY INDEX // dead sam walking 2008<br />&nbsp;tour-shirt<br />&nbsp;design: oliver sander";
			break;
			case "img/ref/elektrokill_stad400.gif":
				rt = "&nbsp;STA$D400 / ELEKTROKILL // split<br />&nbsp;bookletdesign<br />&nbsp;design: christof kather";
			break;
			case "img/ref/Hatesphere_drunk.gif":
				rt = "&nbsp;HATESPHERE // drunk and obnixious<br />&nbsp;tour-shirt<br />&nbsp;design: christof kather";
			break;
			case "img/ref/7mon_2.gif":
				rt = "SEVEN MINUTES OF NAUSEA / AGATHOCLES // split-7\"<br />&nbsp;sleevedesign<br />&nbsp;design: oliver sander";
			break;
			case "img/ref/trier.gif":
				rt = "JAPANISCHE KAMPFHÖRSPIELE // live in trier\"<br />&nbsp;digipack<br />&nbsp;gestaltung: oliver sander";
			break;
	}

	var t = document.getElementById('ref0').offsetTop + document.getElementById('order').offsetHeight;
	var pt ;
		if (typeof window.pageYOffset != 'undefined') {
		   pt = window.pageYOffset;
		}
		else if (typeof document.compatMode != 'undefined' &&
		     document.compatMode != 'BackCompat') {
		   pt = document.documentElement.scrollTop;
		}
		else if (typeof document.body != 'undefined') {
		   pt = document.body.scrollTop;
		}

	pt = pt - 100;
	if(pt<1){
		pt = 1;
	}
	document.getElementById('trans').style.visibility = "visible";
	document.getElementById('trans').style.top = t+"px";
	document.getElementById('ref_text').innerHTML = rt;
	document.getElementById('image').style.top = pt+"px";
	document.getElementById('image').style.visibility = "visible";
	picture = new Image();
	picture.src = pic;
	window.document.images['pic'].src = picture.src;
}

function hide_info(id) {
	document.getElementById(id).style.visibility = "hidden";
	document.getElementById('trans').style.visibility = "hidden";
	document.getElementById('ref_text').innerHTML = "...";
	window.document.images['pic'].src = "img/ref/blank.gif";;
}

function set_size(id){
	var dw =window.document.images['pic'].width;
	var l = Math.round((684 - dw) / 2) + 85;
	document.getElementById(id).style.left = l+"px";
	document.getElementById(id).style.width = dw+"px";

}

function setStrichel(){
	var h = window.innerHeight;
	if(!h){
		h = document.body.clientHeight;
	}
	var p = document.getElementById('strich').offsetTop + document.getElementById('order').offsetHeight;
	var s = h - p - 135;
	if(s<0){
		s = 30;
	}

	document.getElementById('strich').style.height = s+"px";
}

