// ************************************
// ++         Scrollfunktion         ++
// ************************************
// Autor: Patrick Fischer
// Datum: 07.03.2008 Version 2.0
// Datum: 04.07.2008 Version 2.1
// Seite: http://www.ajaxschmiede.de
// ************************************
function moveDIV( var1, var2 ) {
	if ( var1 == 0 ) {
		document.getElementById("thumbs").style.left = "0px";
		document.getElementById("thumbs").style.top = "0px";
	} else {
		if ( var2 ) {
			/* alter Wert ohne Einheit */
			var2 = document.getElementById("thumbs").style.left;
			var2 = Number(var2.substring(0, var2.length-2)) + var1;
			
			var3 = document.getElementById("thumbs").style.width;
			var3 = Number(var3.substring(0, var3.length-2));
			
			var4 = document.getElementById("picbox_aussen").style.width;
			var4 = Number(var4.substring(0, var4.length-2)) - var3;

			// wenn nicht am linken "rahmen" angekommen
			if ( var2 <= 0 ) {
				// wenn nicht am rechten "rahmen" angekommen
				if ( var2 >= var4 ) {
					document.getElementById("thumbs").style.left = var2 + "px";
				} else {
					document.getElementById("thumbs").style.left = var4 + "px";
				}
			} else {
				document.getElementById("thumbs").style.left = "0px";
			}
		} else {
			/* alter Wert ohne Einheit */
			var2 = document.getElementById("thumbs").style.top;
			var2 = Number(var2.substring(0, var2.length-2)) + var1;

			var3 = document.getElementById("thumbs").offsetHeight;
			
			var4 = document.getElementById("picbox_aussen").style.height;
			var4 = Number(var4.substring(0, var4.length-2)) - var3;

			// wenn nicht am oberen "rahmen" angekommen
			if ( var2 <= 0 ) {
				// wenn nicht am unteren "rahmen" angekommen
				if ( var2 >= var4 ) {
					document.getElementById("thumbs").style.top = var2 + "px";
				} else {					
					document.getElementById("thumbs").style.top = var4 + "px";
				}
			} else {
				document.getElementById("thumbs").style.top = "0px";
			}
		}
	}
}

/*function fadeDIV( var1 ) {
	document.getElementById('steuerung').style.opacity = var1 / 10;
	document.getElementById('steuerung').style.filter = 'alpha(opacity=' + var1*10 + ')';
}
*/
function init() {
	aktiv = "";
	document.getElementById("picbox_aussen").style.overflow = "hidden";
	document.getElementById("li").style.visibility = "visible";
	document.getElementById("re").style.visibility = "visible";
}

if ( window.addEventListener ) {
	addEventListener( "load", init, false );
} else {
	attachEvent( "onload", init );
}
<!--*******************************************************************************************-->
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
<!--*******************************************************************************************-->
<!--*******************************************************************************************-->

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
<!--*******************************************************************************************-->
<!-- JS um für IE fehlendes a:hover nachzuprogrammieren -->
sfHover = function() {
	var sfEls = document.getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover"; /*wenn das JS die Klasse .sfhover findet, führt es die damit verbundenen Formatierungen aus*/
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);