var itimer = 15
var iSpeed = 7;


var tImagePrefix = "teaserImage_";
var tImageBox = "tImageBox";
var tImageContent = "tImageContent";
var lButtonID = "iScrollLeft";
var rButtonID = "iScrollRight";
var tImageArray = new Array();
var tImageTyp = new Array();
var iBoxWidth =520;    //Breite der tatsächlich angezeigten Teaserbilder
var iBoxHeight = 85;
var iBoxElementWidth = 320;  //Breite der Teaser-Bilder; für die scrollgeschwindigkeit
var iBoxDoubleElementWidth = 320;
var iBoxElementSpace = 6;
var iContentPosition = 0;
var countTeasers = 5;   //Hier die Anzahl der Teaser-Images eintragen!
var scrollLevel = 0;
var slideFunction = false;
var targetPosition = 0;
var iScroll = false;
var clickstop = true; // Automatisches Image-Scrolling nach dem ersten Teaser-Buttion-Click beenden
var stop=false;
var scroll = true; // Automatisches Image-Scrolling
var latency = 5; // Verzögerung Image-Scrolling in Sekunden

var divName, iBox, iContent, a, container, bildzahl, bildnummer, getIMG, ph, delNode;
var imageWidths = new Array();

var slideInProgress = false;
var slideSpeed = 12;	
var timer = 1;	

// Bezeichnerkonvention für IDs
var pointerStyle = 'pointer';  // Cursorform bei Button-mouseover
var slideInProgress = false;


function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

function registerShowHideDivs(suffix, status)
{
	slideInProgress = false;
	initBox(suffix, status, "v");
	// Für Infoboxen
	infoBox = document.getElementById(iButtonPrefix+suffix);
	if (infoBox) {
		initBox(suffix, status, "i");	
	}
}

function scrolltimer()
{
if (stop==false)
{
 scroll = true;
 moveScroller();
 window.setTimeout("scrolltimer()", (latency*1000));
 }
}

function scrollScroller(direction) {
        iContent = document.getElementById(tImageContent);
        iScroll = true;
        var sPosi = parseInt(iContent.style.left.substring(0, iContent.style.left.length-2));

        if (direction<0) {
        if (sPosi>targetPosition) {
                        slideFunction=true;
                } else {
                                slideFunction=false;
                }
        }
        if (direction>0) {
                if (sPosi<targetPosition) {
                        slideFunction=true;
                } else {
                        slideFunction=false;
                }
        }
        iContent.style.left = (sPosi+(iSpeed*direction))+'px';
        if (slideFunction) {
                setTimeout('scrollScroller(' + direction + ')', timer);
        } else {
                setScroller(scrollLevel);
                iScroll = false;
        }
}

function moveScroller() {

        if (iScroll) return;
        var range = iBoxElementWidth+iBoxElementSpace;
        var direction = 0;
        if (this.id==lButtonID) {
                scrollLevel -= 1;
                if (scrollLevel<0) scrollLevel = tImageArray.length-1;
                direction = 1;
                if (this.id==lButtonID && clickstop==true) stop=true;
                else stop=false;
        }
        if (this.id==rButtonID || scroll == true) {
                scrollLevel += 1;
                if (scrollLevel>(tImageArray.length)) scrollLevel = 1;
                direction = -1;
                scroll = false;
                if (this.id==rButtonID && clickstop==true) stop=true;
                else stop=false;
        }
        iContent = document.getElementById(tImageContent);
        var sPosi = parseInt(iContent.style.left.substring(0, iContent.style.left.length-2));
        targetPosition = sPosi+(range*direction);
        scrollScroller(direction);
}


function fillPlaceholder(placeholder, bildnummer, leftPosi) {

        if (!document.getElementById(tImageArray[bildnummer])) return;
        var getDIV = document.getElementById(tImageArray[bildnummer]);
        var cloneDIV = getDIV.cloneNode(true);
        var iWidth = 0;
        cloneDIV.id="cPH"+placeholder;
        if (tImageTyp[bildnummer]=="single") iWidth = iBoxElementWidth;
        if (tImageTyp[bildnummer]=="double") iWidth = iBoxDoubleElementWidth;
        cloneDIV.style.width = iWidth+'px';
        cloneDIV.style.height = iBoxHeight+'px';
        cloneDIV.style.position = 'relative';
        cloneDIV.style.visibility = 'visible';
        ph = document.getElementById("Placeholder"+placeholder);
        delNode = ph.childNodes[0];
        if (delNode) ph.removeChild(delNode);
        ph.appendChild(cloneDIV);
        ph.style.position = 'absolute';
        ph.style.paddingRight = iBoxElementSpace+'px';
        ph.style.width = iBoxElementWidth+'px';
        ph.style.height = iBoxHeight+'px';
        ph.style.left = leftPosi+'px';
        ph.style.top = '0px';

}

function setScroller(posi) {

        bildzahl = tImageArray.length;
        var leftPosi = 0;
        var w, wtemp;
        for (a=1; a<=8; a++) {
                bildnummer = a-1+posi;
                if (bildnummer+1>bildzahl) bildnummer=(bildzahl-bildnummer)*-1;
                fillPlaceholder(a, bildnummer, leftPosi)
                if (tImageTyp[bildnummer]=="single") {
                        wtemp = iBoxElementWidth+iBoxElementSpace;
                        w = leftPosi + iBoxElementWidth+iBoxElementSpace;
                }
                if (tImageTyp[bildnummer]=="double") {
                        wtemp = iBoxDoubleElementWidth+iBoxElementSpace;
                        w = leftPosi + iBoxDoubleElementWidth+iBoxElementSpace;
                }
                leftPosi = w;
                if (a==1) imageWidths[1] = leftPosi;
                if (a>1) imageWidths[a] = wtemp;
        }
        iContent = document.getElementById(tImageContent);
        iContent.style.left = '-'+imageWidths[1]+'px';

}


function buildScroller(){
        for (a=1; a<=8; a++) {
                container = document.createElement("DIV");
                container.id = "Placeholder"+a;
                container.style.styleFloat = 'left'; //IE
                container.style.cssFloat = 'left';  //Firefox
                document.getElementById(tImageContent).appendChild(container);

        }
    if (scroll==true) window.setTimeout("scrolltimer()", (latency*1000));
}

function initTeaserImages()
{
    var divs = document.getElementsByTagName('DIV');

        for(var a=0; a<divs.length; a++){
                divName = divs[a].id;
                if(divName.indexOf(tImagePrefix)==0) {
                        if (document.getElementById(divName).offsetWidth == iBoxElementWidth) {
                                tImageTyp.push("single");
                        } else {
                                tImageTyp.push("double");
                        }
                        tImageArray.push(divName);
                        document.getElementById(divName).style.position = 'relative';
                        document.getElementById(divName).style.visibility = 'hidden';
                        document.getElementById(divName).style.width = '0px';
                }
    }

        iBox = document.getElementById(tImageBox);
        iContent = document.getElementById(tImageContent);
        iBox.style.position = 'relative';
        iBox.style.width = iBoxWidth+'px';
        iBox.style.height = iBoxHeight+'px';
        iBox.style.overflow = 'hidden';
        iBox.style.styleFloat = 'left'; //IE
        iBox.style.cssFloat = 'left';  //Firefox
        iContent.style.position = 'relative';
        iContent.style.width= 'auto';
        lButtonDiv = document.getElementById(lButtonID);
        rButtonDiv = document.getElementById(rButtonID);
        if (tImageArray.length<=3) {
                lButtonDiv.style.visibility = 'hidden';
                rButtonDiv.style.visibility = 'hidden';
        } else {
                lButtonDiv.style.cursor = pointerStyle;
                lButtonDiv.onclick = moveScroller;
                rButtonDiv.style.cursor = pointerStyle;
                rButtonDiv.onclick = moveScroller;
        }

                buildScroller();
                scrollLevel = tImageArray.length-1;
                setScroller(scrollLevel);

    var teaser = document.getElementById("teaser");
    teaser.style.height="85px";
    teaser.style.visibility="visible";  //Hier endet der Preload-Quellcode

}

function teaser_image_hover()
{

   if (document.images)
   {
    var teaser_left = new Image();
    teaser_left.src = "http://www.frankenwald-csu.de/bausteine/layout/teaser_left.gif";
    var teaser_left_on = new Image();
    teaser_left_on.src = "http://www.frankenwald-csu.de/bausteine/layout/teaser_left_on.gif";
    var teaser_right = new Image();
    teaser_right.src ="http://www.frankenwald-csu.de/bausteine/layout/teaser_right.gif";
    var teaser_right_on = new Image();
    teaser_right_on.src = "http://www.frankenwald-csu.de/bausteine/layout/teaser_right_on.gif";

   }

        arrow_right_on = teaser_right_on.src;
        arrow_right_off = teaser_right.src;
        arrow_left_on = teaser_left_on.src;
        arrow_left_off = teaser_left.src;

        return true;
}