/*
+---- Programming: ------------------------ Developer: ------------------------+
|                                                                              |
|   PixelProductions GmbH                   Licciardi Marco                    |
|   Hansastr. 2                             Webdeveloper                       |
|   D-59557 Lippstadt                                                          |
|                                                                              |
|   E-Mail: Info@PixelProductions.de                                           |
|                                                                              |
|   Fon: +49 (0)2941 22 333                  Version: 1.0                      |
|   Fax: +49 (0)2941 22 414                  Release Date: 2009-08-19          |
|                                                                              |
+------------------------------------------------------------------------------+
*/

function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			timeout_blend[i] = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			timeout_blend[i] = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}

/*
+---- Programming: ------------------------ Developer: ------------------------+
|                                                                              |
|   PixelProductions GmbH                   Licciardi Marco                    |
|   Hansastr. 2                             Webdeveloper                       |
|   D-59557 Lippstadt                                                          |
|                                                                              |
|   E-Mail: Info@PixelProductions.de                                           |
|                                                                              |
|   Fon: +49 (0)2941 22 333                  Version: 1.0                      |
|   Fax: +49 (0)2941 22 414                  Release Date: 2009-08-19          |
|                                                                              |
+------------------------------------------------------------------------------+
*/

var pic_step = 0;
var merker_pic_step = 0;

function pic_init() {

	if (document.getElementById('galerie_box') && document.getElementById('galerie_'+pic_step)) { 
		var timer1 = setTimeout("document.getElementById('galerie_box').style.width = document.getElementById('galerie_'+pic_step).offsetWidth + 'px';",500);
		var timer2 = setTimeout("document.getElementById('galerie_box').style.height = document.getElementById('galerie_'+pic_step).offsetHeight + 20 + 'px';",500);
	} else {
		//var timer2 = setTimeout("pic_init();",50);
	}
}


var pic_step1 = pic_init();

function pic_next(gesamt) {

	merker_pic_step = pic_step;

	setTimeout("document.getElementById('galerie_'+merker_pic_step).style.display = 'none';",500);
	opacity('galerie_'+pic_step,100, 0, 500);
	pic_step++;
	if (pic_step>=gesamt) { pic_step= 0; }
	opacity('galerie_'+pic_step,0, 100, 1000);
	
	setTimeout("document.getElementById('galerie_'+pic_step).style.visibility = 'visible';",50);
	setTimeout("document.getElementById('galerie_'+pic_step).style.display = 'block';",50);
	document.getElementById('pic_count').innerHTML = (pic_step+1)+" von "+gesamt;
	setTimeout("document.getElementById('galerie_box').style.width = document.getElementById('galerie_'+pic_step).width + 'px';",500);
	setTimeout("document.getElementById('galerie_box').style.height = document.getElementById('galerie_'+pic_step).height + 20 + 'px';",500);
}

function pic_prev(gesamt) {

	merker_pic_step = pic_step;
	setTimeout("document.getElementById('galerie_'+merker_pic_step).style.display = 'none';",500);
	opacity('galerie_'+pic_step,100, 0, 500);
	pic_step--;
	if (pic_step<0) { pic_step = (gesamt-1); }
	opacity('galerie_'+pic_step,0, 100, 1000);
	
	setTimeout("document.getElementById('galerie_'+pic_step).style.visibility = 'visible';",50);
	setTimeout("document.getElementById('galerie_'+pic_step).style.display = 'block';",50);
	document.getElementById('pic_count').innerHTML = (pic_step+1)+" von "+gesamt;
	setTimeout("document.getElementById('galerie_box').style.width = document.getElementById('galerie_'+pic_step).width + 'px';",500);
	setTimeout("document.getElementById('galerie_box').style.height = document.getElementById('galerie_'+pic_step).height + 20 + 'px';",500);
}

/*
+---- Programming: ------------------------ Developer: ------------------------+
|                                                                              |
|   PixelProductions GmbH                   Licciardi Marco                    |
|   Hansastr. 2                             Webdeveloper                       |
|   D-59557 Lippstadt                                                          |
|                                                                              |
|   E-Mail: Info@PixelProductions.de                                           |
|                                                                              |
|   Fon: +49 (0)2941 22 333                  Version: 1.0                      |
|   Fax: +49 (0)2941 22 414                  Release Date: 2009-08-19          |
|                                                                              |
+------------------------------------------------------------------------------+
*/

var id_array = new Array("overlay","Bild_copy","inlay1","Bild","overlay2","overlay3","titel1","exit1","mehr1","next1","pref1","Loading","Bild_load")

var loading = '/dpl-full-theme/javascript/PicBox/loading.gif';
var more = '/dpl-full-theme/javascript/PicBox/play.jpg';
var more2 = '/dpl-full-theme/javascript/PicBox/pause.jpg';
var next = '/dpl-full-theme/javascript/PicBox/next.jpg';
var pref = '/dpl-full-theme/javascript/PicBox/pref.jpg';
var exit = '/dpl-full-theme/javascript/PicBox/beenden.jpg';
var border = 5;

var galeriename = "";
var aktives_bild = "";
var aktive_id = 0;
var aktive_id_anzahl = 0;
var preloadImage = new Image();
var imageArray = new Array;
var imageArray2 = new Array;
var speed = 8;
var blend_speed = 8;
var merker_groesse = 600;

var timer_auto_fade = -1;
var timeout_fade_top = -1;
var autofading = 0;

var Bilder_liste = "";


function divlayer(galerie, pfad, groesse) {
	
	if (start_pixel_newsticker_slider) {
		clearTimeout(start_pixel_newsticker_slider);
	}
	if (timeout_init) {
		clearTimeout(timeout_init);
	}
	
	if (!groesse || groesse == "") { groesse = 600; }
	merker_groesse = groesse;
	
	if (timeout_fade_top) { clearTimeout(timeout_fade_top); } 

	/*for (i = 0 ; i <= 100 ; i++) {
		if (timeout_opacity_1[i]) { clearTimeout(timeout_opacity_1[i]); }
		if (timeout_opacity_2[i]) { clearTimeout(timeout_opacity_2[i]); }
	}*/

	//(window.scroll(0,0);
	galeriename = galerie;
	load_img();
	//alert(pfad);
	
	aktives_bild = pfad;
//alert(aktive_id_anzahl);
	
	aktive_id = array_search(aktives_bild, imageArray);
	preloadImage.src = imageArray[aktive_id][0];
	create_bilder_liste();


//alert((aktive_id+1));
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();
	var objBody = document.getElementsByTagName("body").item(0);
		
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay');
	//objOverlay.onclick = function() { Ende(100); return false; };
	objOverlay.style.position = 'absolute';
	objOverlay.style.left = '0px';
	objOverlay.style.top = '0px';
	objOverlay.style.zIndex = '1111';
	objOverlay.style.opacity = (60 / 100);
	objOverlay.style.MozOpacity = (60 / 100);
	objOverlay.style.KhtmlOpacity = (60 / 100);
	objOverlay.style.filter = "alpha(opacity=" + 60 + ")";
	objOverlay.style.backgroundColor = '#000000';
	objBody.appendChild(objOverlay);
	objOverlay.style.width=(arrayPageSize[0]-21) + 'px';
	objOverlay.style.height=(arrayPageSize[1]) + 'px';

	var objBild_copy = document.createElement("img");
	objBild_copy.setAttribute('src','/dpl-full-theme/javascript/PicBox/pixelproductions.gif');
	objBild_copy.setAttribute('id','Bild_copy');
	objBild_copy.style.position = 'absolute';
	objBild_copy.style.width = 50 + 'px';
	objBild_copy.style.height = 25 + 'px';
	objBild_copy.style.right = border + 'px';
	objBild_copy.style.top = border + 'px';
	objBild_copy.style.opacity = (20 / 100);
	objBild_copy.style.MozOpacity = (20 / 100);
	objBild_copy.style.KhtmlOpacity = (20 / 100);
	objBild_copy.style.filter = "alpha(opacity=" + 20 + ")";
	objOverlay.appendChild(objBild_copy);


	var objInlay1 = document.createElement("div");
	objInlay1.setAttribute('id','inlay1');
	objInlay1.style.position = 'absolute';
	objInlay1.style.zIndex = '1112';
	objInlay1.style.width = (merker_groesse+(border*2)) + 'px';
	objInlay1.style.height = (merker_groesse+(border*2)+35) + 'px';
	objInlay1.style.backgroundColor = '#FFFFFF';
	objBody.appendChild(objInlay1);

	var objBild_load = document.createElement("img");
	objBild_load.setAttribute('src',loading);
	objBild_load.setAttribute('id','Bild_load');
	objBild_load.style.position = 'absolute';
	objBild_load.style.width = 205 + 'px';
	objBild_load.style.height = 22 + 'px';
	objBild_load.style.right = border;
	objBild_load.style.top = border;
	objInlay1.appendChild(objBild_load);

	var objBild = document.createElement("img");
	objBild.setAttribute('src',imageArray[aktive_id][0]);
	objBild.setAttribute('id','Bild');
	objBild.style.position = 'absolute';
	//objBild.style.left = (((600-preloadImage.width)/2) + border) + 'px';
	//objBild.style.top = (border+35) + 'px'; 
	objBild.style.backgroundColor = '#ffffff';
	objInlay1.appendChild(objBild);
	objBild.style.display = 'none';
	
	objInlay1.style.left = ((arrayPageSize[0]/2)-((merker_groesse+(border*2))/2)) + 'px';
	objInlay1.style.top = (arrayPageScroll[1]+20) + 'px';

	var objOverlay2 = document.createElement("div");
	objOverlay2.setAttribute('id','overlay2');
	objOverlay2.style.position = 'absolute';
	objOverlay2.style.left = '0px';
	objOverlay2.style.top = '0px';
	objOverlay2.style.opacity = (0 / 100);
	objOverlay2.style.MozOpacity = (0 / 100);
	objOverlay2.style.KhtmlOpacity = (0 / 100);
	objOverlay2.style.filter = "alpha(opacity=" + 0 + ")";
	objOverlay2.style.backgroundColor = '#ffffff';
	objOverlay2.style.display = 'none';
	objInlay1.appendChild(objOverlay2);

	var objOverlay3 = document.createElement("div");
	objOverlay3.setAttribute('id','overlay3');
	objOverlay3.style.position = 'absolute';
	objOverlay3.style.left = '0px';
	objOverlay3.style.top = '0px';
	objInlay1.appendChild(objOverlay3);
	objOverlay3.style.display = 'none';
	objOverlay3.innerHTML= '<table align="center" width="100%" height="100%"><tr><td align="center">&nbsp;</td></tr></table>'

	if ((preloadImage.height+200)>document.getElementById("overlay").offsetHeight) {
		document.getElementById("overlay").style.height=(preloadImage.height+200) + 'px';
	}


	var objTitel = document.createElement("div");
	objTitel.style.zIndex = '1112';
	objTitel.setAttribute('id','titel1');
	objTitel.style.position = 'absolute';
	objTitel.style.left = '2px';
	objTitel.style.top = '2px';
	objTitel.style.textAlign = 'left';
	objTitel.style.overflow = 'auto';
	objTitel.style.backgroundColor = '#ffffff';
	objBody.appendChild(objTitel);
	objTitel.style.display = 'none';
	objTitel.innerHTML= '<div>'+Bilder_liste+'</div><table border="0" cellpadding="0" cellspacing="0" align="left" width="100%"><tr><td align="left"><font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; "><strong>Titel</strong></font></td></tr></table>'

	var objExit = document.createElement("div");
	objExit.setAttribute('id','exit1');
	objExit.onclick = function() { Ende(0); return false; };
	objExit.style.position = 'absolute';
	objExit.style.right = '2px';
	objExit.style.top = '2px';
	objExit.style.backgroundImage = 'url('+exit+')';
	objExit.style.cursor = 'pointer';
	objInlay1.appendChild(objExit);
	objExit.style.display = 'none';
	objExit.style.width="30px";
	objExit.style.height="30px";		


	var objMore = document.createElement("div");
	objMore.setAttribute('id','mehr1');
	objMore.onclick = function() { auto_fade(); return false; };
	objMore.style.position = 'absolute';
	objMore.style.left = '2px';
	objMore.style.top = '2px';
	objMore.style.backgroundImage = 'url('+more+')';
	objMore.style.cursor = 'pointer';
	objInlay1.appendChild(objMore);
	objMore.style.width="30px";
	objMore.style.height="30px";		
	objMore.style.display = 'none';

	var objNext = document.createElement("div");
	objNext.setAttribute('id','next1');
	objNext.onclick = function() { aktive_id++; manuel_next_img(); return false; };
	objNext.style.position = 'absolute';
	objNext.style.right = '62px';
	objNext.style.top = '2px';
	objNext.style.backgroundImage = 'url('+next+')';
	objNext.style.cursor = 'pointer';
	objInlay1.appendChild(objNext);
	objNext.style.width="30px";
	objNext.style.height="30px";		
	objNext.style.display = 'none';

	var objPref = document.createElement("div");
	objPref.setAttribute('id','pref1');
	objPref.onclick = function() { aktive_id--; manuel_next_img(); return false; };
	objPref.style.position = 'absolute';
	objPref.style.right = '92px';
	objPref.style.top = '2px';
	objPref.style.backgroundImage = 'url('+pref+')';
	objPref.style.cursor = 'pointer';
	objInlay1.appendChild(objPref);
	objPref.style.width="30px";
	objPref.style.height="30px";		
	objPref.style.display = 'none';

	setTimeout("start_bild();",500);
	//setTimeout("document.getElementById('Bild_load').style.display = 'none'; resize();",500);
}

function array_search(src, array) {
	for (var i = 0 ; i < array.length ; i++) {
		if (array[i][0]==src) { return i; }
	//alert(array[i][0] + " - " + src);
	}
	return 0; 
}


function create_bilder_liste() {
	Bilder_liste = "";
	//alert(aktive_id);
	for (var i = 1 ; i <= aktive_id_anzahl ; i++) {
		Bilder_liste = Bilder_liste + '<div onClick="aktive_id = '+(i-1)+'; manuel_next_img(); return false;" style=" cursor:pointer; overflow:hidden; border:1px solid #cccccc; float:left; text-align:center; width:18px; height:16px; padding:0px; margin:0px 1px 1px 0px;"><font id="bilder_liste_'+i+'" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; ';
		if (i == (aktive_id+1)) {
			Bilder_liste = Bilder_liste + 'font-weight:bold; ';
		}
		Bilder_liste = Bilder_liste + '">'+ i +'</font></div>';
	}
	return 0; 
}



function start_bild () {
			document.getElementById("overlay2").style.display = 'block';
			document.getElementById("overlay2").style.width = document.getElementById("inlay1").offsetWidth + 'px';
			document.getElementById("overlay2").style.height = document.getElementById("inlay1").offsetHeight + 'px';
			document.getElementById("overlay3").style.display = 'block';
			document.getElementById("overlay3").style.width = document.getElementById("inlay1").offsetWidth + 'px';
			document.getElementById("overlay3").style.height = document.getElementById("inlay1").offsetHeight + 'px';
			document.getElementById("titel1").innerHTML= '<table border="0" cellpadding="0" cellspacing="0" style="margin:5px;"><tr><td align="left" height="20" style="padding:0px 0px 10px 0px;">'+Bilder_liste+'</td></tr><tr><td align="left"><font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; "><strong>'+imageArray[aktive_id][1]+'</strong></font></td></tr></table>'
			//alert(document.getElementById("Bild").left);
			show_pic_laden();
}

function show_pic_laden() {
	
		if (preloadImage.complete) {
			//alert(preloadImage.complete + " # " + document.getElementById("Bild").src + " # " + preloadImage.src);
			document.getElementById("Bild").setAttribute('src',preloadImage.src);
			document.getElementById("Bild").style.width = preloadImage.width;
			document.getElementById("Bild").style.height = preloadImage.height;
			//alert(preloadImage.width);
			document.getElementById("Bild").style.left = (((merker_groesse-preloadImage.width)/2) + border) + 'px';
			document.getElementById("Bild").style.top = (((merker_groesse-preloadImage.height)/2) + border + 35) + 'px';
			show_pic(0,"Bild");
		} else {
			//alert(preloadImage.complete + " # " + document.getElementById("Bild").src + " # " + preloadImage.src);
			setTimeout("show_pic_laden();",10);
		}
		
}

function resize() {
	if ((preloadImage.height+35) > document.getElementById("inlay1").offsetHeight || (preloadImage.height+35+(speed*2)) < document.getElementById("inlay1").offsetHeight || (preloadImage.width) > document.getElementById("inlay1").offsetWidth || (preloadImage.width+(speed*2)) < document.getElementById("inlay1").offsetWidth) {
		if ((preloadImage.height+200)>document.getElementById("overlay").offsetHeight) {
			document.getElementById("overlay").style.height=(preloadImage.height+200) + 'px';
		}
		if ((preloadImage.width) > document.getElementById("inlay1").offsetWidth) {
			document.getElementById("inlay1").style.left = (document.getElementById("inlay1").offsetLeft - speed) + 'px';
			document.getElementById("inlay1").style.width = (document.getElementById("inlay1").offsetWidth + (speed*2)) + 'px';
		}
		if ((preloadImage.width+(speed*2)) < document.getElementById("inlay1").offsetWidth) {
			document.getElementById("inlay1").style.left = (document.getElementById("inlay1").offsetLeft + speed) + 'px';
			document.getElementById("inlay1").style.width = (document.getElementById("inlay1").offsetWidth - (speed*2)) + 'px';
		}
		if ((preloadImage.height+35) > document.getElementById("inlay1").offsetHeight) {
			document.getElementById("inlay1").style.height = (document.getElementById("inlay1").offsetHeight + (speed*2)) + 'px';
		}
		if ((preloadImage.height+35+(speed*2)) < document.getElementById("inlay1").offsetHeight) {
			document.getElementById("inlay1").style.height = (document.getElementById("inlay1").offsetHeight - (speed*2)) + 'px';
		}

		setTimeout("resize()",10);
		//setTimeout("resize()",100);
	} else if ((preloadImage.height+35+(border*2)) > document.getElementById("inlay1").offsetHeight || (preloadImage.height+35+(border*2)+(speed*2)) < document.getElementById("inlay1").offsetHeight || (preloadImage.width+(border*2)) > document.getElementById("inlay1").offsetWidth || (preloadImage.width+(border*2)+(speed*2)) < document.getElementById("inlay1").offsetWidth) {
		if ((preloadImage.height+200)>document.getElementById("overlay").offsetHeight) {
			document.getElementById("overlay").style.height=(preloadImage.height+200) + 'px';
		}
		if ((preloadImage.width+(border*2)) > document.getElementById("inlay1").offsetWidth) {
			document.getElementById("inlay1").style.left = (document.getElementById("inlay1").offsetLeft - 1) + 'px';
			document.getElementById("inlay1").style.width = (document.getElementById("inlay1").offsetWidth + 2) + 'px';
		}
		if ((preloadImage.width+(border*2)+(speed*2)) < document.getElementById("inlay1").offsetWidth) {
			document.getElementById("inlay1").style.left = (document.getElementById("inlay1").offsetLeft + 1) + 'px';
			document.getElementById("inlay1").style.width = (document.getElementById("inlay1").offsetWidth - 2) + 'px';
		}
		if ((preloadImage.height+35+(border*2)) > document.getElementById("inlay1").offsetHeight) {
			document.getElementById("inlay1").style.height = (document.getElementById("inlay1").offsetHeight + 2) + 'px';
		}
		if ((preloadImage.height+35+(border*2)+(speed*2)) < document.getElementById("inlay1").offsetHeight) {
			document.getElementById("inlay1").style.height = (document.getElementById("inlay1").offsetHeight - 2) + 'px';
		}

		setTimeout("resize()",10);
		//setTimeout("resize()",100);
	} else {
		
		if (preloadImage.height == 0 && preloadImage.width == 0) {
			setTimeout("resize()",10);
		} else {
			document.getElementById("overlay2").style.display = 'block';
			document.getElementById("overlay2").style.width = document.getElementById("inlay1").offsetWidth + 'px';
			document.getElementById("overlay2").style.height = document.getElementById("inlay1").offsetHeight + 'px';
			document.getElementById("overlay3").style.display = 'block';
			document.getElementById("overlay3").style.width = document.getElementById("inlay1").offsetWidth + 'px';
			document.getElementById("overlay3").style.height = document.getElementById("inlay1").offsetHeight + 'px';
			document.getElementById("titel1").innerHTML= '<table border="0" cellpadding="0" cellspacing="0" style="margin:5px;"><tr><td align="left"><font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; "><strong>'+imageArray[aktive_id][1]+'</strong></font></td></tr></table>'
			document.getElementById("Bild").setAttribute('src',preloadImage.src);
			document.getElementById("Bild").width = preloadImage.width;
			document.getElementById("Bild").height = preloadImage.height;
			show_pic(0,"Bild");
		}
	}
}

function show_pic(opacity, id) {
	if (document.getElementById(id)) {
		document.getElementById('Bild_load').style.display = 'none'; 
		var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
		object.display = 'block';
		if (opacity < 100) {

			setTimeout("show_pic("+(opacity+blend_speed)+", '"+id+"')",10);
		} else {
			resize2();
		}
	}
}

function resize2() {
	//if ((preloadImage.height+(border*2)+35) > document.getElementById("inlay1").offsetHeight) {
	//	document.getElementById("inlay1").style.height = document.getElementById("inlay1").offsetHeight + 2;
	//	setTimeout("resize2()",10);
	//} else {
		document.getElementById("titel1").style.left = document.getElementById("inlay1").style.left;
		document.getElementById("titel1").style.width = document.getElementById("inlay1").style.width;
		document.getElementById("titel1").style.top = (document.getElementById("inlay1").offsetHeight + document.getElementById("inlay1").offsetTop + 10) + 'px';
		document.getElementById("titel1").style.display = 'block';
		
		document.getElementById("exit1").style.display = 'block';
		if (aktive_id_anzahl > 1) {
			document.getElementById("mehr1").style.display = 'block';
		}
		if (aktive_id != (imageArray.length-1)) {
			document.getElementById("next1").style.right = ((document.getElementById("inlay1").offsetWidth/2)-35)+'px';
			document.getElementById("next1").style.display = 'block';
		} else {
			document.getElementById("next1").style.display = 'none';
		}
		if (aktive_id != 0) {
			document.getElementById("pref1").style.right = ((document.getElementById("inlay1").offsetWidth/2)+5)+'px';
			document.getElementById("pref1").style.display = 'block';
		} else {
			document.getElementById("pref1").style.display = 'none';
		}
		if (autofading == 1) {
			timer_auto_fade = setTimeout("next_img();", 5000);
		}
	//}
}



function auto_fade() {
	if (autofading == 1) {
		clearTimeout(timer_auto_fade);
		autofading = 0;
		document.getElementById("mehr1").style.backgroundImage = 'url('+more+')';
	} else {
		timer_auto_fade = setTimeout("next_img();", 1000);
		autofading = 1;
		document.getElementById("mehr1").style.backgroundImage = 'url('+more2+')';
	}
}


function manuel_next_img() {
	clearTimeout(timer_auto_fade);
	autofading = 0;
	document.getElementById("mehr1").style.backgroundImage = 'url('+more+')';
	next_img();
}



function next_img() {
	

	if (autofading == 1) {
		aktive_id++;
		if (aktive_id == aktive_id_anzahl){
			aktive_id = 0;
		}
	} else {
		if (aktive_id >= aktive_id_anzahl){
			aktive_id = aktive_id_anzahl - 1;
			return false;
		}
		//alert(aktive_id);
		if (aktive_id < 0){
			aktive_id = 0;
			return false;
		}
		
	}
	create_bilder_liste();
	/*
	document.getElementById("titel1").style.display = 'none';
	document.getElementById("exit1").style.display = 'none';
	document.getElementById("mehr1").style.display = 'none';
	document.getElementById("next1").style.display = 'none';
	document.getElementById("pref1").style.display = 'none';
	document.getElementById("overlay2").style.display = 'none';
	document.getElementById("overlay3").style.display = 'none';
	*/
	preloadImage.src = imageArray[aktive_id][0];
	fadeout(100,"Bild");
}

function fadeout(opacity, id) {
	if (document.getElementById(id)) {
		var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
		object.display = 'block';
		if (opacity > 0) {
			setTimeout("fadeout("+(opacity-(blend_speed*4))+", '"+id+"')",10);
		} else {
			//alert((((600-preloadImage.width)/2) + border));
			//document.getElementById("Bild").left = (((600-preloadImage.width)/2) + border) + 'px';
			//document.getElementById("Bild").top = ((600 - preloadImage.height)/2) + 'px';
			start_bild();
			//resize();
		}
	}
}

Array.prototype.inArray = function (value) {
	var i;
	for (i=0; i < this.length; i++) {
		// Matches identical (===), not just similar (==).
		if (this[i][0] === value) {
			return true;
		}
	}
	return false;
};


function load_img() {
	aktive_id_anzahl = 0;
	imageArray = [];
	if (!document.getElementsByTagName){ return; }
	var anchors = document.getElementsByTagName('img');

	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];
		if (anchor.getAttribute('src') && anchor.getAttribute('picbox') &&  anchor.getAttribute('picbox') == galeriename){
			if (!imageArray.inArray(anchor.getAttribute('gross'))) {
				imageArray.push(new Array(anchor.getAttribute('gross'), anchor.getAttribute('title')));

				aktive_id_anzahl++;
				
				imageArray2[i] = new Image();
				imageArray2[i].src = anchor.getAttribute('gross');
			}
			
		}
	}
	//while(imageArray[imageNum][0] != aktives_bild) { imageNum++;}
}


function Ende(opacity){

		//timeout_fade_top = setTimeout("init_fade_top();",10);

		start_pixel_newsticker_slider = setTimeout("pixel_newsticker_slider();",6000);
		timeout_init = setTimeout("init_stop(-1);",7000);

		clearTimeout(timer_auto_fade);
		autofading = 0;
		/*if (position_fade_top == anzahl_fade_top) { 
			position_fade_top = 1; 
		} else {
			position_fade_top--;
		}*/

		var object = document.getElementById("inlay1").style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
		object.display = 'block';
		if (opacity > 0) {
			setTimeout("Ende("+(opacity-5)+")",10);
		} else {
			for (var i = 0 ; i < id_array.length ; i++) {
				var merker = document.getElementById(id_array[i]);
				if(merker) {
					document.getElementById(id_array[i]).style.display = "none";
					var objOverlay = document.getElementById(id_array[i]);
					objOverlay.setAttribute('id', id_array[i]+'_close');
				}
			}
//			Ende2(60);
		}

}

function Ende2(opacity){

		var object = document.getElementById("overlay").style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
		object.display = 'block';
		if (opacity > 0) {
			setTimeout("Ende2("+(opacity-5)+")",10);
		} else {
			for (var i = 0 ; i < id_array.length ; i++) {
				var merker = document.getElementById(id_array[i]);
				if(merker) {
					document.getElementById(id_array[i]).style.display = "none";
					var objOverlay = document.getElementById(id_array[i]);
					objOverlay.setAttribute('id', id_array[i]+'_close');
				}
			}
		}

}

function getPageScroll(){

	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}

	arrayPageScroll = new Array('',yScroll) 
	return arrayPageScroll;
}


function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}


	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}