function setSlider(iProjectNum) {
		var iSliderListWidth = iProjectNum * 83 + (iProjectNum - 1) * 10;

		guiSetElementWidth('projectslist', iSliderListWidth);
	}

	function slideRight(iProjectNum) {
		var iSliderListWidth = iProjectNum * 83 + (iProjectNum - 1) * 10;
		var iSliderListHiddenWidth = parseInt((iProjectNum * 83 + (iProjectNum - 1) * 10) - 547);
		var iSliderWidth = 522;
		var iSliderListStepWidth = 80;
		var iSliderStepWidth = iSliderWidth * iSliderListStepWidth / iSliderListHiddenWidth;
		var iSliderListPos = guiGetElementMarginLeft('projectslist');
		var iSliderPos = guiGetElementMarginLeft('sliderc');
		var iSliderListNewPos = iSliderListPos - iSliderListStepWidth;
		var iSliderNewPos = iSliderPos + iSliderStepWidth;
		alert(iSliderListHiddenWidth);
		guiSetElementMarginLeft('projectslist', iSliderListNewPos);
		guiSetElementMarginLeft('sliderc', iSliderNewPos);
	}



	function guiGetDocumentHeight() {
		// Browserweiche
		if (self.innerHeight) {
			return self.innerHeight;
		}
		else if (document.documentElement && document.documentElement.clientHeight) {
			return document.documentElement.clientHeight;
		}
		else if (document.body) {
			return document.body.clientHeight;
		}
	}

	function guiGetDocumentWidth() {
		// Browserweiche
		if (self.innerWidth) {
			return self.innerWidth;
		}
		else if (document.documentElement && document.documentElement.clientWidth) {
			return document.documentElement.clientWidth;
		}
		else if (document.body) {
			return document.body.clientWidth;
		}
	}

	function guiGetElementWidth(sID) {
		if(document.getElementById(sID)) {
			if(document.getElementById(sID).style.display != 'none') {
				return document.getElementById(sID).offsetWidth;
			} else {
				return 0;
			}
		}
	}

	function guiGetElementHeight(sID) {
		if(document.getElementById(sID)) {
			if(document.getElementById(sID).style.display != 'none') {
				return document.getElementById(sID).offsetHeight;
			} else {
				return 0;
			}
		}
	}

	function guiGetElementBottom(sID) {
		if(document.getElementById(sID)) {
			return parseInt(guiReplace(document.getElementById(sID).style.bottom, "px", ""));
		} else {
			return 0;
		}
	}

	function guiGetElementTop(sID) {
		if(document.getElementById(sID)) {
			return guiReplace(document.getElementById(sID).style.top, "px", "");
		} else {
			return 0;
		}
	}

	function guiSetElementWidth(sID, iWidth) {
		if(document.getElementById(sID) && iWidth >= 0) {
			document.getElementById(sID).style.width = guiGetPixels(iWidth) + 'px';
		}
	}

	function guiSetElementHeight(sID, iHeight) {
		if(document.getElementById(sID) && iHeight >= 0) {
			document.getElementById(sID).style.height = guiGetPixels(iHeight) + 'px';
		}
	}

	function guiSetElementTop(sID, iTop) {
		if(document.getElementById(sID)) {
			document.getElementById(sID).style.top = guiGetPixels(iTop) + 'px';
		}
	}

	function guiSetElementLeft(sID, iLeft) {
		if(document.getElementById(sID)) {
			document.getElementById(sID).style.left = guiGetPixels(iLeft) + 'px';
		}
	}

	function guiSetElementRight(sID, iRight) {
		if(document.getElementById(sID)) {
			document.getElementById(sID).style.right = guiGetPixels(iRight) + 'px';
		}
	}

	function guiSetElementBottom(sID, iBottom) {
		if(document.getElementById(sID)) {
			document.getElementById(sID).style.bottom = guiGetPixels(iBottom) + 'px';
		}
	}

	function guiSetElementDisplay(sID, sStatus) {
		if(document.getElementById(sID) && (sStatus == '') || (sStatus == 'inline') || (sStatus == 'block') || (sStatus == 'none'))  {
			document.getElementById(sID).style.display = sStatus;
		}
	}

	function guiSetElementClass(sID, sClass) {
		if(document.getElementById(sID))  {
			document.getElementById(sID).className = sClass;
		}
	}

	function guiGetPixels(sPixels) {
		return guiReplace(sPixels);
	}

	function guiReplace(sString, sSearch, sReplace) {
		sReturn = "" + sString;
		while (sReturn.indexOf(sSearch) >- 1) {
			pos= sReturn.indexOf(sSearch);
			sReturn = "" + (sReturn.substring(0, pos) + sReplace +
			sReturn.substring((pos + sSearch.length), sReturn.length));
		}

		return sReturn
	}

	function guiSetElementMarginLeft(sID, iLeft) {
		if(document.getElementById(sID)) {
			document.getElementById(sID).style.marginLeft = guiGetPixels(iLeft) + 'px';
		}
	}

	function guiGetElementMarginLeft(sID) {
		if(document.getElementById(sID)) {
			return guiReplace(document.getElementById(sID).style.marginLeft, "px", "");
		} else {
			return 0;
		}
	}


	function wait(iMSec)
	  {
	  var eDate = null;
	  var eMsec = 0;
	  var sDate = new Date();
	  var sMsec = sDate.getTime();

	  do {
		  eDate = new Date();
		  eMsec = eDate.getTime();

	  } while ((eMsec-sMsec)<iMSec);
	}


var aGallery = new Array();
var iPicCnt = 0;
function addImageToGal(iCnt, sImage, iWidth, iHeight, sTitle) {
	aGallery[iCnt] = new Array();
	aGallery[iCnt]['src'] = sImage;
	aGallery[iCnt]['width'] = iWidth;
	aGallery[iCnt]['height'] = iHeight;
	aGallery[iCnt]['title'] = sTitle;
	iPicCnt++;
}

function showImage4Gal(iCnt) {
	if (iPicCnt == 0) {
		return;
	}

	if (iCnt < 0) {
		iCnt = (iPicCnt - 1);
	}
	if (iCnt == iPicCnt) {
		iCnt = 0;
	}

	var y;
	if (self.pageYOffset) // all except Explorer
	{
		y = self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
	// Explorer 6 Strict
	{
		y = document.documentElement.scrollTop;
	}
	else if (document.body) // all other Explorers
	{
		y = document.body.scrollTop;
	}
	if (document.getElementById('bigimage')) {
		document.getElementById('bigimage').style.visibility = 'hidden';
	}
	if (document.getElementById('projectsbar')) {
		document.getElementById('projectsbar').style.visibility = 'hidden';
	}
	//document.getElementById('galleryview').style.top = ((screen.availHeight / 2) - (aGallery[iCnt]['height'] / 2) - 150) + 'px';
	document.getElementById('galleryview').style.top = '20px';
	document.getElementById('galleryview').style.left = (document.body.clientWidth / 2 - (aGallery[iCnt]['width'] / 2)) + 'px';
	document.getElementById('galleryview').style.width = aGallery[iCnt]['width'] + 'px';
	var iHeight = parseInt(aGallery[iCnt]['height']) + 20;
	document.getElementById('galleryview').style.height = iHeight + 'px';
	document.getElementById('galleryview').innerHTML = '<p><a href="javascript:closeGal()"><img src="' + aGallery[iCnt]['src'] + '"></a></p>';
	//document.getElementById('galleryview').innerHTML += '<p>' + aGallery[iCnt]['title'] + '</p>';
	document.getElementById('galleryview').innerHTML += '<p style="margin-top: 5px;"><a style="float: right" href="javascript:closeGal()"><img src="/images/gal_close.gif"></a></p>';
	document.getElementById("fog").style.display = 'block';
	document.getElementById("galleryview").style.display = 'block';

}

function closeGal() {
	document.getElementById('fog').style.display = 'none';
	document.getElementById('galleryview').style.display = 'none';
	document.getElementById('galleryview').innerHTML = '';
	if (document.getElementById('bigimage')) {
		document.getElementById('bigimage').style.visibility = 'visible';
	}
	if (document.getElementById('projectsbar')) {
		document.getElementById('projectsbar').style.visibility = 'visible';
	}
}

function openZoom(sZoomImage, iWidth, iHeight) {
	addImageToGal(0, sZoomImage, iWidth, iHeight, '');
	showImage4Gal(0);
}

/**
 * Image Fade auf Startseite
 */

	var iCntFade = 100;
	var iCntImages = 1;
	aImageContainer = new Array;
	var hFade;
	var hTimeOut;

	function initImageFade(aImages) {
		preloadImages(aImages);
		document.getElementById(sImageID).src = aImages[0][0];
		document.getElementById(sLinkID).href = aImages[0][1];
		if (aImageContainer.length > 1) {
			hFade = setInterval('fadeOut()', 10);
		}
	}

	function fadeIn() {
		setOpacity(sImageID, iCntFade)

		iCntFade+=10;

        if(iCntFade <= 0) {
			hFade = setInterval('fadeIn()', 10);
		} else if(iCntFade >= 100) {
			stopFade();
			iCntFade = 100;
			setOpacity(sImageID, iCntFade)
			hTimeOut = setTimeout('startFadeOut()', 4000);
		}
      }

      function fadeOut() {
		setOpacity(sImageID, iCntFade)
		iCntFade-=10;

		if(iCntFade >= 100) {
			hFade = setInterval('fadeOut()', 10);
		} else if(iCntFade <= 0) {
			stopFade();


			setOpacity(sImageID, 0)
			document.getElementById(sImageID).src = aImageContainer[iCntImages][0].src;
			document.getElementById(sLinkID).href = aImageContainer[iCntImages][1];

			iCntImages++;
			if(iCntImages >= aImages.length) {
				iCntImages = 0;
			}

			iCntFade = 0;
			hTimeOut = setTimeout('startFadeIn()', 200);
		}


	  }

	  function startFadeIn() {
		hFade = setInterval('fadeIn()', 10);
	  }

	  function startFadeOut() {
		hFade = setInterval('fadeOut()', 10);
	  }

	  function mouseOver() {
	  	if (aImageContainer.length > 1) {
			stopFade();
			iCntFade = 100;
			setOpacity(sImageID, 100);
	  	}
	  }

	  function mouseOut() {
	  	if (aImageContainer.length > 1) {
			stopFade();
			hFade = setInterval('fadeOut()', 10);
	  	}
	  }

	  function setOpacity(sElementID, iOpacity) {
		document.getElementById(sImageID).style.MozOpacity = iOpacity/100;
		document.getElementById(sImageID).style.opacity = iOpacity/100;
		document.getElementById(sImageID).style.filter = "Alpha(opacity=" + iOpacity + ")";
	  }

	  function stopFade() {
		clearInterval(hFade);
		clearTimeout(hTimeOut);
	  }

	  function preloadImages(aPreImages) {
		  for(iCntPreImages = 0; iCntPreImages < aPreImages.length; iCntPreImages++) {
			  aImageContainer[iCntPreImages] = new Array();
			  aImageContainer[iCntPreImages][0] = new Image();
			  aImageContainer[iCntPreImages][0].src = aPreImages[iCntPreImages][0];
			  aImageContainer[iCntPreImages][1] = aPreImages[iCntPreImages][1];
		  }
	  }

	 // preload Logo
	 var sLogo = new Image();
	 sLogo.src = '../images/logo_konzept3d.gif';