// ##################################################
//<input style="border: 1px solid black; padding: 3px; background-color: #DFDFDF;" type="button" onClick="javascript: SwitchShow(this);" value="Show HTML Code" /><span style="visibility:hidden; position: absolute;"><textarea class="links" readonly><a href="http://www.kylexy-online.de" target="_blank"><img src="http://www.kylexy-online.de/affiliates/link_me1.jpg" alt="Kyle XY-Online.de" border="0"></a></textarea></span>
//<input style="border: 1px solid black; padding: 3px; background-color: #DFDFDF;" type="button" onClick="javascript: SwitchShow(this);" value="Show HTML Code" /><span style="visibility:hidden; position: absolute;"><textarea class="links" readonly><a href="http://www.kylexy-online.de" target="_blank"><img src="http://www.kylexy-online.de/affiliates/link_me2.jpg" alt="Kyle XY-Online.de" border="0"></a></textarea></span>







function FadeMe(tobj, in_out, speed, transp )
{
 if(in_out == 'out')
 {
  if( (transp-speed) >= 0)
  {
   transp = transp - speed;
   tobj.style.opacity = transp/100;
   tobj.style.MozOpacity = transp/100;
   tobj.style.filter = "alpha(opacity=" + (transp) + ")";
   setTimeout(function () { FadeMe(tobj, in_out, speed, transp );}, 10);
  }
  else
  {
   transp = transp - speed;
   tobj.style.opacity = transp/100;
   tobj.style.MozOpacity = transp/100;
   tobj.style.filter = "alpha(opacity=" + (transp) + ")";
  }
 }
 else
 {
  if( (transp+speed) <= 100)
  {
   transp = transp + speed;
   tobj.style.opacity = transp/100;
   tobj.style.MozOpacity = transp/100;
   tobj.style.filter = "alpha(opacity=" + (transp) + ")";
   setTimeout(function () { FadeMe(tobj, in_out, speed, transp );}, 10);
  }
  else
  {
   transp = 100;
   tobj.style.opacity = transp/100;
   tobj.style.MozOpacity = transp/100;
   tobj.style.filter = "alpha(opacity=" + (transp) + ")";
  }
 }
}

function StartFade(tobj, in_out, speed)
{
 if(in_out == 'out')
 {
  transp = 100;
  tobj.style.opacity = transp/100;
  tobj.style.MozOpacity = transp/100;
  tobj.style.filter = "alpha(opacity=" + (transp) + ")";
  FadeMe(tobj, in_out, speed, transp);
 }
 else
 {
  transp = 0;
  tobj.style.opacity = transp/100;
  tobj.style.MozOpacity = transp/100;
  tobj.style.filter = "alpha(opacity=" + (transp) + ")";
  FadeMe(tobj, in_out, speed, transp);
 }
}


function SwitchShow(tobj)
{
tobji = tobj.nextSibling;
StartFade(tobj, 'out', 6);
// document.getElementById('d' + id).style.visibility = 'hidden';
 tobj.style.position = 'absolute';
 tobji.style.visibility = 'visible';

  tobji.style.opacity = 0;
  tobji.style.MozOpacity = 0;
  tobji.style.filter = "alpha(opacity=" + (0) + ")";

 StartFade(tobji, 'in', 5);
 tobji.style.position = 'relative';

}

// ##################################################


<!--

function FadeMe(id, in_out, speed, transp )
{
 if(in_out == 'out')
 {
  if( Math.round(transp-speed) > 0)
  {
   transp = Math.round(transp - speed);
   document.getElementById(id).style.display = 'block';
   document.getElementById(id).style.opacity = transp/100;
   document.getElementById(id).style.MozOpacity = transp/100;
   document.getElementById(id).style.filter = "alpha(opacity=" + (transp) + ")";
   setTimeout(function () { FadeMe(id, in_out, speed, transp );}, 10);
  }
  else
  {
   transp = 0;
   document.getElementById(id).style.opacity = Math.round(transp/100);
   document.getElementById(id).style.MozOpacity = transp/100;
   document.getElementById(id).style.filter = "alpha(opacity=" + (transp) + ")";
   document.getElementById(id).style.display = 'none';
  }
 }
 else
 {
  if( Math.round(transp+speed) <= 100)
  {
   transp = Math.round(transp + speed);
   document.getElementById(id).style.display = 'block';
   document.getElementById(id).style.opacity = transp/100;
   document.getElementById(id).style.MozOpacity = transp/100;
   document.getElementById(id).style.filter = "alpha(opacity=" + (transp) + ")";
   setTimeout(function () { FadeMe(id, in_out, speed, transp );}, 10);
  }
  else
  {
   transp = 100;
   document.getElementById(id).style.opacity = transp/100;
   document.getElementById(id).style.MozOpacity = transp/100;
   document.getElementById(id).style.filter = "alpha(opacity=" + (transp) + ")";
   document.getElementById(id).style.display = 'block';
  }
 }
}

function StartFade(id, in_out, speed)
{
 if(in_out == 'out')
 {
  transp = 100;
  document.getElementById(id).style.opacity = transp/100;
  document.getElementById(id).style.MozOpacity = transp/100;
  document.getElementById(id).style.filter = "alpha(opacity=" + (transp) + ")";
  FadeMe(id, in_out, speed, transp);
 }
 else
 {
  transp = 0;
  document.getElementById(id).style.opacity = transp/100;
  document.getElementById(id).style.MozOpacity = transp/100;
  document.getElementById(id).style.filter = "alpha(opacity=" + (transp) + ")";
  FadeMe(id, in_out, speed, transp);
 }
}


//-->





/***********************************************

* Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit http://www.dynamicdrive.com/ for this script and 100s more.

***********************************************/





var fadeimages=new Array()

//SET IMAGE PATHS. Extend or contract array as needed


fadeimages[0]=["../v4/images/main/main1.jpg", "http://www.koqworld.de/v4/?site=basics", ""] //image with link and target syntax

fadeimages[1]=["../v4/images/main/main4.jpg", "", ""] //image with link and target syntax

fadeimages[2]=["../v4/images/main/main9.jpg", "", ""] //image with link and target syntax

fadeimages[3]=["../v4/images/main/main6.jpg", "", ""] //image with link and target syntax

fadeimages[4]=["../v4/images/main/main7.jpg", "", ""] //image with link and target syntax

fadeimages[5]=["../v4/images/main/main8.jpg", "", ""] //image with link and target syntax






var fadebgcolor=""































////NO need to edit beyond here/////////////































var fadearray=new Array() //array to cache fadeshow instances















var fadeclear=new Array() //array to cache corresponding clearinterval pointers































var dom=(document.getElementById) //modern dom browsers















var iebrowser=document.all































function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){















this.pausecheck=pause















this.mouseovercheck=0















this.delay=delay















this.degree=10 //initial opacity degree (10%)















this.curimageindex=0















this.nextimageindex=1















fadearray[fadearray.length]=this















this.slideshowid=fadearray.length-1















this.canvasbase="canvas"+this.slideshowid















this.curcanvas=this.canvasbase+"_0"















if (typeof displayorder!="undefined")















theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)















this.theimages=theimages















this.imageborder=parseInt(borderwidth)















this.postimages=new Array() //preload images















for (p=0;p<theimages.length;p++){















this.postimages[p]=new Image()















this.postimages[p].src=theimages[p][0]















}































var fadewidth=fadewidth+this.imageborder*2















var fadeheight=fadeheight+this.imageborder*2































if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)















document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>')















else















document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')































if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox















this.startit()















else{















this.curimageindex++















setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)















}















}































function fadepic(obj){















if (obj.degree<100){















obj.degree+=10















if (obj.tempobj.filters&&obj.tempobj.filters[0]){















if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+















obj.tempobj.filters[0].opacity=obj.degree















else //else if IE5.5-















obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"















}















else if (obj.tempobj.style.MozOpacity)















obj.tempobj.style.MozOpacity=obj.degree/101















else if (obj.tempobj.style.KhtmlOpacity)















obj.tempobj.style.KhtmlOpacity=obj.degree/100















}















else{















clearInterval(fadeclear[obj.slideshowid])















obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"















obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)















obj.populateslide(obj.tempobj, obj.nextimageindex)















obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0















setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)















}















}































fadeshow.prototype.populateslide=function(picobj, picindex){















var slideHTML=""















if (this.theimages[picindex][1]!="") //if associated link exists for image















slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'















slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'















if (this.theimages[picindex][1]!="") //if associated link exists for image















slideHTML+='</a>'















picobj.innerHTML=slideHTML















}















































fadeshow.prototype.rotateimage=function(){















if (this.pausecheck==1) //if pause onMouseover enabled, cache object















var cacheobj=this















if (this.mouseovercheck==1)















setTimeout(function(){cacheobj.rotateimage()}, 100)















else if (iebrowser&&dom||dom){















this.resetit()















var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)















crossobj.style.zIndex++















fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)















this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"















}















else{















var ns4imgobj=document.images['defaultslide'+this.slideshowid]















ns4imgobj.src=this.postimages[this.curimageindex].src















}















this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0















}































fadeshow.prototype.resetit=function(){















this.degree=10















var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)















if (crossobj.filters&&crossobj.filters[0]){















if (typeof crossobj.filters[0].opacity=="number") //if IE6+















crossobj.filters(0).opacity=this.degree















else //else if IE5.5-















crossobj.style.filter="alpha(opacity="+this.degree+")"















}















else if (crossobj.style.MozOpacity)















crossobj.style.MozOpacity=this.degree/101















else if (crossobj.style.KhtmlOpacity)















crossobj.style.KhtmlOpacity=obj.degree/100

}

fadeshow.prototype.startit=function(){

var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this

var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)

crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}

crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}

}

this.rotateimage()
}









// globale Zählervariable
 var charsToGo;

 function charCounter(charInputSrcName, maxCharCount, outputTargetName) {

    // Zugriffsvariablen festlegen
    var charInputSrc = document.getElementById(charInputSrcName);
    var outputTargetSrc = document.getElementById(outputTargetName);

    if (charInputSrc != null) {
       // Länge des Feldinhaltes prüfen
       if (charInputSrc.value.length <= maxCharCount) {
          // Anzahl Restzeichen berechnen und Zeichenanzeige aktualisieren
          charsToGo = maxCharCount - charInputSrc.value.length;
          outputTargetSrc.innerHTML = '(' + charsToGo + '&nbsp;Zeichen)';
       }
       else
          // Eingegebenes Zeichen wieder abschneiden
          charInputSrc.value = charInputSrc.value.substring(0, maxCharCount);
          charsToGo = maxCharCount - charInputSrc.value.length;
       }
 }



 function counterOutput(charInputSrcName, maxCharCount, outputTargetName)
 {
    // Zugriffsvariablen festlegen
    var charInputSrc = document.getElementById(charInputSrcName);

    // globale Variable prüfen
    if (charsToGo == null) {
       // Ausgabewert berechnen
       charsCount = maxCharCount - charInputSrc.value.length; }
    else
       // Ausgabefeld initialisieren
       charsCount = charsToGo;
          document.write('<span name=\"'
             + outputTargetName + '\" id=\"' + outputTargetName +'\">('
             + charsCount + '&nbsp;Zeichen)</span>')
 }