// #####################################################################
//			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(dblangkey, site_id, nr)
{
	resObjekt.open('get','/bildzoom.php?dblangkey='+dblangkey+'&site_id='+site_id+'&nr='+nr,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(dblangkey, site_id, nr, 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);
			
	imgviewer.style.top=(scrollTop+190)+'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(dblangkey, site_id, nr);
	
	// 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= "";
}


function appImgStart(imgname)
{
        if (document.images) {                                                                                          

            img1on = new Image();                              // Aktive Bilder
            img1on.src = "images/startimage_torte-1.jpg";
            img2on = new Image();                                
            img2on.src = "images/startimage_torte-2.jpg";
            img3on = new Image();                                
            img3on.src = "images/startimage_torte-3.jpg";
            img4on = new Image();                                
            img4on.src = "images/startimage_torte-4.jpg"; 
                                                       
             
            img1off = new Image();                            //Inaktive Bilder    
            //img1off.src = "images/startimage_torte-<? if($tjpg>0 && $tjpg<5 && is_numeric($tjpg)){ echo $tjpg; }else{ echo "0";} ?>.jpg"; 
	     img1off.src = "images/startimage_torte-"+imgname+".jpg"; 
        }
}

function appImgStartQuer(imgname)
{
        if (document.images) {                                                                                          

            img1on = new Image();                              // Aktive Bilder
            img1on.src = "/images/startimage_torte_q-1.jpg";
            img2on = new Image();                                
            img2on.src = "/images/startimage_torte_q-2.jpg";
            img3on = new Image();                                
            img3on.src = "/images/startimage_torte_q-3.jpg";
            img4on = new Image();                                
            img4on.src = "/images/startimage_torte_q-4.jpg"; 

            img1online = new Image();                              // Aktive Legende
            img1online.src = "/images/startimage_legende-1.gif";
            img2online = new Image();                                
            img2online.src = "/images/startimage_legende-2.gif";
            img3online = new Image();                                
            img3online.src = "/images/startimage_legende-3.gif";
            img4online = new Image();                                
            img4online.src = "/images/startimage_legende-4.gif"; 
                                                       
             
            img1off = new Image();                            //Inaktive Bilder    
	     img1off.src = "/images/startimage_torte_q-"+imgname+".jpg"; 
        }
}

function imgOn(imgName) {
        if (document.images) {
            document["tortepic"].src = eval(imgName + "on.src");
				document.getElementById(imgName).className='tortendiagramm_gross tortendiagramm_aktiv';
		
        }
}

function imgOff(imgName) {
        if (document.images) {
            document["tortepic"].src = eval("img1off.src");
				document.getElementById(imgName).className='tortendiagramm_gross tortendiagramm_inaktiv_hover';
			
        }
}

function imgOnQ(imgName) {
        if (document.images) {
            document["tortepic"].src = eval(imgName + "on.src");
				document.getElementById(imgName).className='tortendiagramm_gross tortendiagramm_inaktiv_hover';
				if(imgName=="img1"){ document.getElementById(imgName+"line").innerHTML='<img src="/images/startimage_legende-1.gif" width="42" height="47" border="0">'; }
				if(imgName=="img2"){ document.getElementById(imgName+"line").innerHTML='<img src="/images/startimage_legende-2.gif" width="54" height="58" border="0">'; }
				if(imgName=="img3"){ document.getElementById(imgName+"line").innerHTML='<img src="/images/startimage_legende-3.gif" width="43" height="80" border="0">'; }
				if(imgName=="img4"){ document.getElementById(imgName+"line").innerHTML='<img src="/images/startimage_legende-4.gif" width="1" height="46" border="0">'; }
			
        }
}

function imgOffQ(imgName) {
        if (document.images) {
            document["tortepic"].src = eval("img1off.src");
				document.getElementById(imgName).className='tortendiagramm_gross tortendiagramm_inaktiv';
				document.getElementById(imgName+"line").innerHTML='';
			
        }
}