// #####################################################################
//			created by Crossmedia Community GmbH & Co. KG
//			autor: M. Steynes
//			Web: www.ccsb.de
//			Copyright 2009	
// #####################################################################
function erzXMLHttpRequestObject()
{
	var resObjekt = null;
	try
	{
		resObjekt = new ActiveXObject("Microsoft.XMLHTTP");
	}
	catch(Error)
	{
		try
		{
			resObjekt = new ActiveXObject("MSXML2.XMLHTTP");
		}
		catch(Error)
		{
			try
			{
				resObjekt = new XMLHttpRequest();
			}
			catch(Error)
			{
				alert("Erzeugung des XMLHttpRequest-Objekts nicht moeglich");
			}
		}
	}
	return resObjekt;
}

resObjekt = erzXMLHttpRequestObject();

window['ccgo_load'] = new Image();
window['ccgo_load'].src = "images/ccsb_loading_sw.gif";



function imagloading(urllinkvar)
{
	resObjekt.open('get','bildzoom.php'+urllinkvar,true);
						
	resObjekt.onreadystatechange = handleResponse;
	resObjekt.send(null);
}


function handleResponse()
{
	if(resObjekt.readyState == 4)
	{ document.getElementById('imageviewer').innerHTML = resObjekt.responseText; }
	else
	{ document.getElementById('imageviewer').innerHTML =
	"<br>&nbsp;<br><img src=\"images/ccsb_loading_sw.gif\" width=\"25\" height=\"25\" border=\"0\"/>"; }
}


// ############## Fenster abblenden und den Imageload einleiten...  ############## 


var aktiv = null;
var alpha = 0;


function fenestra()
{
	var body =			document.getElementById('body');
	var mainframe =		document.getElementById('mainframe');
	var blender =			document.getElementById('blender');
	var imgviewer	=		document.getElementById('imageviewer');
	
	var winWidth =		(window.innerWidth ? window.innerWidth :
							(document.body.clientWidth ? document.body.clientWidth :
							(document.documentElement.clientWidth ? document.documentElement.clientWidth :
							body.offsetWidth)));
	var winHeight =		(window.innerHeight ? window.innerHeight :
							(document.body.clientHeight ? document.body.clientHeight :
							(document.documentElement.clientHeight ? document.documentElement.clientHeight :
							body.offsetHeight)));
	
	var winWidthDiff =	winWidth - (winWidth - body.offsetWidth);
	var winHeightDiff =	winHeight - (winHeight - body.offsetHeight);
	
	var scrollLeft =		(window.pageXOffset ? window.pageXOffset :
							(document.body.scrollLeft ? document.body.scrollLeft :
							(document.documentElement.scrollLeft ? document.documentElement.scrollLeft : 0)));
	
	var scrollTop =		(window.pageYOffset ? window.pageYOffset :
							(document.body.scrollTop ? document.body.scrollTop :
							(document.documentElement.scrollTop ? document.documentElement.scrollTop : 0)));
	
	//------------------------------------------------------------------------------
	
	blender.style.width=(winWidthDiff)+'px';
	blender.style.height=(mainframe.offsetHeight)+'px';
	
	alpha = (alpha + 0.25 < 0.8) ? (alpha + 0.25) : 0.8;
	
	blender.style.opacity = alpha;
	blender.style.filter = "alpha(opacity:" + (alpha * 100) + ")";
	
	imgviewer.style.left=((winWidthDiff-imgviewer.offsetWidth+20)/2)+'px';
}


function abblenden(urllink, breite, hoehe)
{
	var body =			document.getElementById('body');
	var mainframe =		document.getElementById('mainframe');
	var blender =			document.getElementById('blender');
	var imgviewer	=		document.getElementById('imageviewer');
	
	var winWidth =		(window.innerWidth ? window.innerWidth :
							(document.body.clientWidth ? document.body.clientWidth :
							(document.documentElement.clientWidth ? document.documentElement.clientWidth :
							body.offsetWidth)));
	var winHeight =		(window.innerHeight ? window.innerHeight :
							(document.body.clientHeight ? document.body.clientHeight :
							(document.documentElement.clientHeight ? document.documentElement.clientHeight :
							body.offsetHeight)));
	
	var winWidthDiff =	winWidth - (winWidth - body.offsetWidth);
	var winHeightDiff =	winHeight - (winHeight - body.offsetHeight);
	
	var scrollLeft =		(window.pageXOffset ? window.pageXOffset :
							(document.body.scrollLeft ? document.body.scrollLeft :
							(document.documentElement.scrollLeft ? document.documentElement.scrollLeft : 0)));
	
	var scrollTop =		(window.pageYOffset ? window.pageYOffset :
							(document.body.scrollTop ? document.body.scrollTop :
							(document.documentElement.scrollTop ? document.documentElement.scrollTop : 0)));
	
	//------------------------------------------------------------------------------
	
	alpha = 0;
	aktiv = window.setInterval("fenestra()", 33);
	
	var agt=navigator.userAgent.toLowerCase();
	
	if(agt.indexOf("msie 4")!=-1
	|| agt.indexOf("msie 5")!=-1
	|| agt.indexOf("msie 6")!=-1)
		imgviewer.style.position='absolute';
	else
		imgviewer.style.position='fixed';
	
	
	//imgviewer.style.top=(scrollTop+80)+'px';
	imgviewer.style.top=50+'px';
	imgviewer.style.left=((winWidthDiff-breite+20)/2)+'px'; // (Seitenbreite innen - Bildbreite + Padding) / 2
	imgviewer.style.width=(breite+20)+'px';
	imgviewer.style.height=hoehe+'px';
	
	imagloading(urllink);
	
	// document.getElementById('imageviewer').innerHTML= "<a href=\"javascript:abblenden_ende();\">schliessen</a>";
}


function abblenden_ende()
{
	var body =			document.getElementById('body');
	var mainframe =		document.getElementById('mainframe');
	var blender =			document.getElementById('blender');
	var imgviewer	=		document.getElementById('imageviewer');
	
	var winWidth =		(window.innerWidth ? window.innerWidth :
							(document.body.clientWidth ? document.body.clientWidth :
							(document.documentElement.clientWidth ? document.documentElement.clientWidth :
							body.offsetWidth)));
	var winHeight =		(window.innerHeight ? window.innerHeight :
							(document.body.clientHeight ? document.body.clientHeight :
							(document.documentElement.clientHeight ? document.documentElement.clientHeight :
							body.offsetHeight)));
	
	var winWidthDiff =	winWidth - (winWidth - body.offsetWidth);
	var winHeightDiff =	winHeight - (winHeight - body.offsetHeight);
	
	var scrollLeft =		(window.pageXOffset ? window.pageXOffset :
							(document.body.scrollLeft ? document.body.scrollLeft :
							(document.documentElement.scrollLeft ? document.documentElement.scrollLeft : 0)));
	
	var scrollTop =		(window.pageYOffset ? window.pageYOffset :
							(document.body.scrollTop ? document.body.scrollTop :
							(document.documentElement.scrollTop ? document.documentElement.scrollTop : 0)));
	
	//------------------------------------------------------------------------------
	
	window.clearInterval(aktiv);
		
	blender.style.width='0px';
	blender.style.height='0px';
	
	imgviewer.style.top=('-'+200)+'px';
	imgviewer.style.width='0px';
	imgviewer.style.height='0px';
	imgviewer.innerHTML= "";
}