var aktivBild=''; var stopwechsel = false; window.onblur = function() { stopwechsel = true; } function wechselKlick(n){ if(n==aktivBild){return true;} stopwechsel = true; var navpointa = 'nav-point-' + aktivBild; var navpointb = 'nav-point-' + n; document.getElementById(navpointb).className = 'wechselheader-nav-point-aktiv'; document.getElementById(navpointa).className = 'wechselheader-nav-point'; document.getElementById(n).style.left='80%'; document.getElementById(n).style.opacity=1; document.getElementById(aktivBild).style.left='-20%'; document.getElementById(aktivBild).style.display = 'block'; document.getElementById(n).style.display = 'block'; slide(n,aktivBild,0,100,1); aktivBild = n; } function wechsel(arr,n,aktion) { //if(n < arr.length - 1) { var a = n; var b = n +1; if( b == arr.length){ b = 0; } if(stopwechsel == false){ if(document.getElementById(arr[a]) != undefined){ var navpointa = 'nav-point-' + arr[a]; var navpointb = 'nav-point-' + arr[b]; document.getElementById(navpointb).className = 'wechselheader-nav-point-aktiv'; document.getElementById(navpointa).className = 'wechselheader-nav-point'; document.getElementById(arr[a]).style.display = 'none'; document.getElementById(arr[b]).style.display = 'block'; // slideOut(arr[b],arr[a],0,250,1); // slideOutVertical(arr[b],arr[a],0,950,2); if(aktion==1){ document.getElementById(arr[a]).style.display = 'none'; document.getElementById(arr[b]).style.display = 'block'; fadeIn(arr[b],arr[a],0,1,0.01); }else if(aktion==2){ document.getElementById(arr[b]).style.left='80%'; document.getElementById(arr[b]).style.opacity=1; document.getElementById(arr[a]).style.left='-20%'; document.getElementById(arr[a]).style.display = 'block'; document.getElementById(arr[b]).style.display = 'block'; slide(arr[b],arr[a],0,100,4); aktivBild = arr[b]; } } var wechselTimer = setTimeout(function() {wechsel(arr, b, aktion);},10000); }else{ var wechselTimer = setTimeout(function() {wechsel(arr, n, aktion);},8000); } } function fadeIn(elmIn,elmOut,hIn,hOut,steps) { if(elmOut!=elmIn){ var newhOut = hOut - steps; var newhIn = hIn + steps; document.getElementById(elmOut).style.opacity=newhOut; document.getElementById(elmIn).style.opacity=newhIn; if(newhOut>0){ setTimeout("fadeIn('" + elmIn + "','" + elmOut + "'," + newhIn +"," + newhOut +"," + steps +")",'20'); } } } function slide(elmIn,elmOut,hIn,hOut,steps) { if(elmOut!=elmIn){ var newhOut = hOut - steps; var newhIn = 100 - newhOut; document.getElementById(elmOut).style.left='-' + newhIn + '%'; document.getElementById(elmIn).style.left= newhOut + '%'; //if(hIn == 0){ //document.getElementById(elmOut).style.opacity=1; //document.getElementById(elmIn).style.opacity=1; //} if(newhOut>0){ setTimeout("slide('" + elmIn + "','" + elmOut + "'," + newhIn +"," + newhOut +"," + steps +")",'0.0001'); //slide(elmIn, elmOut, newhIn, newhOut, steps); } } } function slideIn(elm,start,end) { var newh = start + 50; if(newh > end){newh=end;} document.getElementById(elm).style.height = newh +"px"; if(newh < end){ setTimeout("slideIn('" + elm + "'," + newh + "," + end +")",'0'); } } function slideOut(elm,start,end) { var newh = start - 50; if(newh < 0){newh=0;} document.getElementById(elm).style.height = newh +"px"; if(newh > 0){ setTimeout("slideOut('" + elm + "'," + newh + "," + end +")",'0'); }else{ document.getElementById(elm).style.display='none'; document.getElementById(elm).style.height = end + "px"; } }