/*######################################
Overlay Box
######################################*/
	/***********************************************
	* Drop Down/ Overlapping Content- © Dynamic Drive (www.dynamicdrive.com)
	* This notice must stay intact for legal use.
	* Visit http://www.dynamicdrive.com/ for full source code
	***********************************************/

	function getposOffset(overlay, offsettype){
	var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
	var parentEl=overlay.offsetParent;
	while (parentEl!=null){
	totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
	parentEl=parentEl.offsetParent;
	}
	return totaloffset;
	}

	function overlay(curobj, subobjstr, opt_position){
	if (document.getElementById){
	var subobj=document.getElementById(subobjstr)
	subobj.style.display=(subobj.style.display!="block")? "block" : "none"
	var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0)
	var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0)
	//subobj.style.left=xpos+"px"
	//subobj.style.top=ypos+"px"
	return false
	}
	else
	return true
	}

	function overlayclose(subobj){
	document.getElementById(subobj).style.display="none"
	}

/*######################################
Contact Span
######################################*/
	/*
		--------------------------------------------------------------------------
		Version: 1.02
		Release date: 13/05/2006
		Last update: 07/01/2007

		(c) 2006 SpamSpan (www.spamspan.com)

		This program is distributed under the terms of the GNU General Public
		Licence version 2, available at http://www.gnu.org/licenses/gpl.txt
		--------------------------------------------------------------------------
	*/

	var spamSpanMainClass		= 'contactspan';
	var spamSpanUserClass		= 'u';
	var spamSpanDomainClass		= 'd';
	var spamSpanAnchorTextClass = 't';

	/*
		--------------------------------------------------------------------------
		Do not edit past this point (unless you know what you are doing).
		--------------------------------------------------------------------------
	*/

	// load SpamSpan
	addEvent(window, 'load', spamSpan);

	function spamSpan() {
		var allSpamSpans = getElementsByClass(spamSpanMainClass, document, 'span');
		for (var i=0; i<allSpamSpans.length; i++) {
			// get data
			var user = getSpanValue(spamSpanUserClass, allSpamSpans[i]);
			var domain = getSpanValue(spamSpanDomainClass, allSpamSpans[i]);
			var anchorText = getSpanValue(spamSpanAnchorTextClass, allSpamSpans[i]);
			// create new anchor tag
			var at = String.fromCharCode(32*2);
			var email = cleanSpan(user) + at + cleanSpan(domain);
			var anchorTagText = document.createTextNode(anchorText ? anchorText : email);
			var mto = String.fromCharCode(109,97,105,108,116,111,58);
			var anchorTag = document.createElement('a');
				anchorTag.className = spamSpanMainClass;
				anchorTag.setAttribute('href', mto + email);
				anchorTag.appendChild(anchorTagText);
			// replace the span with anchor
			allSpamSpans[i].parentNode.replaceChild(anchorTag, allSpamSpans[i]);
		}
	}

	function getElementsByClass(searchClass, scope, tag) {
		var classElements = new Array();
		if (scope == null) node = document;
		if (tag == null) tag = '*';
		var els = scope.getElementsByTagName(tag);
		var elsLen = els.length;
		var pattern = new RegExp("(^|\s)"+searchClass+"(\s|$)");
		for (var i = 0, j = 0; i < elsLen; i++) {
			if ( pattern.test(els[i].className) ) {
				classElements[j] = els[i];
				j++;
			}
		}
		return classElements;
	}

	function getSpanValue(searchClass, scope) {
		var span = getElementsByClass(searchClass, scope, 'span');
		if (span[0]) return span[0].firstChild.nodeValue;
		else return false;
	}

	function cleanSpan(string) {
		// string = string.replace(//g, '');
		// replace variations of [dot] with .
		string = string.replace(/[\[\(\{]?[dD][oO0][tT][\}\)\]]?/g, '.');
		// replace spaces with nothing
		string = string.replace(/\s+/g, '');
		return string;
	}

	// http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
	function addEvent(obj, type, fn) {
		if (obj.addEventListener)
			obj.addEventListener(type, fn, false);
		else if (obj.attachEvent)
		{
			obj['e' + type + fn] = fn;
			obj[type + fn] = function() { obj['e' + type + fn](window.event); }
			obj.attachEvent('on' + type, obj[type + fn]);
		}
	}

/*######################################
New Window
######################################*/
	function popImage (URL)  {
	window.open("/inc.php?do=popImage&url="+URL,"Newsletter","width=690,height=700,hotkeys=no,menubar=no,locationbar=no,status=no,scrollbars");
	}
	function comChat() {
	  DJList = window.open("/inc.php?do=comChatPopUp", "Zweitfenster", "width=500,height=350,scrollbars");
	}
	function drucken(URL) {
	DJList = window.open(URL, "Zweitfenster", "width=600,height=350,scrollbars");
	DJList.print();
	}

function uo ()  {
  uo = window.open("/inc.php?do=UserOnline", "uo", "width=500,height=350,scrollbars");
}


/*######################################
Div an/aus
######################################*/
function divOnOff(divelement) { document.getElementById(divelement).style.display=(document.getElementById(divelement).style.display!="none")? "none" : "" }
function mailOn() { document.getElementById("mail").style.display="" }

/*######################################
Change Button Background
######################################*/
function submitbtnBG (buttonname) {
  document.getElementById(buttonname).style.backgroundPosition=(document.getElementById(buttonname).style.backgroundPosition!="-186px -184px")? "-186px -184px" : "-186px -157px"
}

/*######################################
Shop Vote
######################################*/
function voteOver ( valu )  {
  for (var i=1; i<=5; i++)  {
    document.getElementById("sub" + i).src="/images/bewertung-empty-2.jpg";
  }
  for (var i=1; i<=valu; i++)  {
    document.getElementById("sub" + i).src="/images/bewertung-full-2.jpg";
  }
}

function voteOut ( valu )  {
  for (var i=1; i<=5; i++)  {
    document.getElementById("sub" + i).src="/images/bewertung-full-2.jpg";
  }
  for (var i=5; i>valu; i--)  {
    document.getElementById("sub" + i).src="/images/bewertung-empty-2.jpg";
  }
}

/*######################################
Community DIV ON OFF
######################################*/
function comDivOnOff(nameCount,divon)  {
  for (i=1; i<=nameCount; i++)  {
    document.getElementById("comDiv" + i).style.display="none";
  }
  
  document.getElementById("comDiv" + divon).style.display=(document.getElementById("comDiv" + divon).style.display!="none")? "none" : ""
}

/*######################################
Foto Slideshow
######################################*/
function imageLine(images,links,wichPage)  {

  /* Das ist der HTML-Teil
	images = new Array(
		'../../../image/image1.jpg',
		'../../../image/image2.jpg',
		'../../../image/image3.jpg',
		'../../../image/image4.jpg'
		// Diese Bilder sind die standard Windows XP Bilder
	);
  window.onload = function()
  {
  	imageLine(images);
  }*/
  
  //Variablen die man in verschiedenen Funktionen benötigt
  var	checkInterval = null,
		imageLineInterval = null,
		currentImage = -1;
	
  // Dieses Array enthält später alle Objekte
  loadingImages = new Array();
  loadingLinks  = new Array();
	
  this.run = function()  {
	// Alle 100 Millisekunden prüfen ob alle Bilder geladen sind
	checkInterval = window.setInterval('this.checkIfLoaded();', 100);
	
	//Alle Images in dem Array einzeln Durchgehen. Das Array für die Objekte mit den Objekten füllen. Dem neuen Objekt die Url des momentanen Bildes geben.
	for(i = 0;i < images.length;i++) {
		image = images[i];
		loadingImages.push(new Image);
		loadingImages[i].src = image;
	}
	
	//Wenn Startseite
	if ( wichPage == "home" )  {
	//Alle Links in dem Array einzeln Durchgehen. Das Array für die Objekte mit den Objekten füllen. Dem neuen Objekt die Url des momentanen Bildes geben.
	for(i = 0;i < links.length;i++) {
		link = links[i];
		loadingLinks[i] = link;
	}	
	}
  }

  this.checkIfLoaded = function()  {
	allLoaded = true;
	
	//Alle Objekte durchgehen. Prüfen ob das aktuelle Objekt / Bild geladen ist. Falls nicht dann die Variable zur Prüfung auf false setzen
	for(i = 0;i < loadingImages.length;i++)  {
		loadingImage = loadingImages[i];
		if(!loadingImage.complete)
			allLoaded = false;
	}

    // Wenn alle Objekte / Bilder geladen sind
	if(allLoaded)  {
		// Die Interval für das Prüfen löschen
		window.clearInterval(checkInterval);
		// Das erste Bild anzeigen
		this.startImageLine();
		// Die Funktion für das Bilder wechseln alle 8 Sekunden ausführen
		window.setInterval('this.startImageLine();', 5000);
	}
  }

  this.startImageLine = function()  {
	
	// Bild anzeigen
	this.showImage();
	
	// Aktuelles Bild um eins hochzählen. Sollte das momentane Bild genau so groß sein, wie das Array dann wieder beim ersten anfangen.
	if(currentImage == (loadingImages.length - 1))
		currentImage = 0;
	else
		currentImage += 1;
	
	// Element für die Bilderanzeige
	element = document.getElementById('imageline');
	
	// Dem Element die Breite und Höhe des momentanen Bildes geben
	//element.style.height = loadingImages[currentImage].height + 'px';
	//element.style.width = loadingImages[currentImage].width + 'px';
	//element.style.height = '208px';
	//element.style.width  = '208px';
	
	// Dem Element das aktuelle Bild als Hintergrundbild setzen
	element.style.backgroundImage = 'url(' + loadingImages[currentImage].src + ')';
	
	//Wenn Startseite
	if ( wichPage == "home" )  {
	  // Dem Element das aktuelle Bild als Link setzen
	  element.innerHTML = '<a href="' + loadingLinks[currentImage] + '"><img src="/images/platzhalter_1x1.gif" class="homeCntFot3"/></a>';

	}
	
	// Das Bild in 5 Sekunden ausblenden
	window.setTimeout('this.hideImage();', 4000);
  }

  this.hideImage = function()  {
	element = document.getElementById('imageline');
	// Von 0 bis 100 (Prozent) - Das i * 5 dient dazu, dass das Ausblenden nicht zu schnell geht
	for(i = 0;i <= 100;i++)
		window.setTimeout('element.style.filter = "Alpha(opacity=' + (100 - i) + ')"; element.style.MozOpacity = ' + (1 - i / 100) + '; element.style.opacity = ' + (1 - i / 100) + ';', i * 4);
  }

  this.showImage = function() {
	element = document.getElementById('imageline');
	// Hier das selbe wie bei hideImage
	for(i = 0;i <= 100;i++)
		window.setTimeout('element.style.filter = "Alpha(opacity=' + i + ')"; element.style.MozOpacity = ' + i / 100 + '; element.style.opacity = ' +  i / 100 + ';', i * 4);
  }

  this.run();
}
