// JavaScript Document

var myArray1 = new Array();
var myArray2 = new Array();

var currentPic = 0;
var currentPicOld = 0;
var currentPicNew = 0;


var i = 0;
var myAktivLeft;
var myAktivRight;


var intervalOn = false;

var mainInterval;

var DotArray = new Array();

myArray1 = document.getElementsByTagName("img");

for (var i2 = 0; i2 < myArray1.length; i2++)
{
	if (myArray1[i2].className == "bildwechslerPic")
	{
		myArray2.push(myArray1[i2]);
	}
}

//----


//var tmp = document.createElement("img");
//tmp.src = myArray2[currentPicNew].src;
//tmp.style.display = "inline";
//tmp.width = myArray2[currentPicNew].width;
//myArray2.push(tmp);
//document.getElementById("bildwechslerBarSlider").appendChild(myArray2[myArray2.length - 1]);

//-----



myArray2[currentPic].style.display = "inline";



//-----------------------
//Pager - Anfang
//-----------------------

var myDotLeft = document.getElementById("dot_left");
var myDotRight = document.getElementById("dot_right");
var myBildwechslerBar = document.getElementById("bildwechslerBar");

var myPicCount = myArray2.length;

function showPager()
{
    var iDot = 0;
    while (iDot < myPicCount)
    {
        iDotPrint = iDot + 1;
        if (iDot == currentPic)
        {
            document.writeln("<div id=\"dot_" + iDot + "\" class='dot_dynActive' onclick='picNew(" + iDot + ")'><div class='dot_dyn_inner'>" + iDotPrint + "</div></div>");
        }
        else
        {
            document.writeln("<div id=\"dot_" + iDot + "\" class='dot_dyn' onclick='picNew(" + iDot + ")'><div class='dot_dyn_inner'>" + iDotPrint + "</div></div>");
        }

        iDot++;
    }

    for (var j = 0; j < myPicCount; j++)
    {
        var dot = document.getElementById("dot_" + j);

        if (dot)
            DotArray.push(dot);

        else
            return (null);
    }
}

function setActDot()
{
    if (DotArray.length > 0)
    {
        for (var d = 0; d < DotArray.length; d++)
        {
            if (d == currentPic)
                DotArray[d].className = "dot_dynActive";
            else
                DotArray[d].className = "dot_dyn";
        }
    }
}


//-----------------------
//Pager - Ende
//-----------------------






//-----------------------
//Auto Scroll - Anfang
//-----------------------

var autoPicNext = currentPic + 1;

function autoPic()
{
    if (currentPic < myPicCount - 1)
    {
        intervalOn = true;
        currentPicNew = currentPic + 1;
        currentPicOld = currentPic;
        picNextRoll();
    }

    else
    {
        currentPicNew = 0;
        currentPicOld = currentPic;
        picNextRoll();

        //        if (currentPic > myPicCount)
        //        {
        //            intervalOn = true;
        //            currentPicNew = currentPic - 1;
        //            currentPicOld = currentPic;
        //            picPrevRoll();
        //        }

    }
}

//-----------------------
//Auto Scroll - Ende
//-----------------------

//-----------------------
//Blättern New - Anfang
//-----------------------

function picNew(iDot)
{
    if (!intervalOn)
    {
        intervalOn = true;
        interuptInterval();
        //	    window.clearInterval(mainInterval);
        currentPicNew = iDot;
        currentPicOld = currentPic;
        if (currentPicNew != currentPic)
        {
            if (currentPicNew < currentPicOld)
            {
                picPrevRoll();
            }

            else
            {
                if (currentPicNew > currentPicOld)
                {
                    picNextRoll();
                }
            }
        }

        //		myArray2[currentPic].style.marginLeft = 0 + "px";
    }
}

//-----------------------
//Blättern New - Ende
//-----------------------




//-----------------------
//Blättern Next - Anfang
//-----------------------
function picNext()
{
    if (!intervalOn)
    {
        interuptInterval();
        intervalOn = true;

        //	    window.clearInterval(mainInterval);

//        currentPicNew = currentPic + 1;
//        currentPicOld = currentPic;
//        currentPic = currentPic + 1;
//        intervalOn = true;
//        picNextRoll();

        if (currentPic < myPicCount - 1)
        {
            currentPicNew = currentPic + 1;
            currentPicOld = currentPic;
            picNextRoll();
        }

        else
        {
            currentPicNew = 0;
            currentPicOld = currentPic;
            picNextRoll();

            //        if (currentPic > myPicCount)
            //        {
            //            intervalOn = true;
            //            currentPicNew = currentPic - 1;
            //            currentPicOld = currentPic;
            //            picPrevRoll();
            //        }

        }
    }
}

function picNextRoll()
{
    myArray2[currentPicOld].style.display = "inline";
    myArray2[currentPicOld].style.marginLeft = "0px";

    if (currentPicOld == myPicCount - 1)
    {
        var tmp = document.createElement("img");
        tmp.src = myArray2[currentPicNew].src;
        tmp.style.display = "inline";
        myArray2.push(tmp);
        document.getElementById("bildwechslerBarSlider").appendChild(myArray2[myArray2.length - 1]);
        myArray2[myArray2.length - 1].style.display = "inline";
        myArray2[myArray2.length - 1].style.margin = "0px";
    }

    else
    {
        myArray2[currentPicNew].style.display = "inline";
        myArray2[currentPicNew].style.marginLeft = "0px";
    }
    currentPic = currentPicNew;
    i = 0;

    myAktivLeft = window.setInterval("rollNextGo()", 10);
    //window.setTimeout("rollNextGo()", 2000);
}

function rollNextGo()
{
    if (i <= 565)
    {
        myArray2[currentPicOld].style.marginLeft = "-" + i + "px";
        i += 15;
    }
    else
    {
        myArray2[currentPicOld].style.display = "none";
        myArray2[currentPicNew].style.marginLeft = 0 + "px";
        myArray2[currentPicNew].style.display = "inline";

        if (myArray2.length > myPicCount)
        {
            document.getElementById("bildwechslerBarSlider").removeChild(myArray2[myArray2.length - 1]);
            myArray2.pop();
            //		    myArray2[0].style.display = "inline";
            //		    myArray2[0].style.position = "absolute";
            //		    myArray2[0].style.margin = "0px";
        }

        window.clearInterval(myAktivLeft);
        setIntervalToNormal();
    }
}
//-----------------------
//Blättern Next - Ende
//-----------------------


//-----------------------
//Blättern Prev - Anfang
//-----------------------
function picPrev()
{    

    //--- last
    if (currentPic != 0)
    if (!intervalOn)
    {
        interuptInterval();
        intervalOn = true;

        //	    window.clearInterval(mainInterval);

        if (currentPic > 0)
        {
            currentPicNew = currentPic - 1;
            currentPicOld = currentPic;
            currentPic--;
        }

        else
        {
            currentPicNew = myPicCount;
            currentPicOld = 0;
            currentPicNew = myPicCount;
        }
        picPrevRoll();
    }
}

function picPrevRoll()
{
    myArray2[currentPicOld].style.display = "inline";
    myArray2[currentPicOld].style.marginLeft = 0 + "px";
    myArray2[currentPicNew].style.marginLeft = "-" + 565 + "px";
    myArray2[currentPicNew].style.display = "inline";
    currentPic = currentPicNew;
    i = -565;

    myAktivRight = window.setInterval("rollPrevGo()", 10);
    //window.setTimeout("rollPrevGo()", 2000);

}

function rollPrevGo()
{
    if (i <= 15)
    {
        myArray2[currentPicNew].style.marginLeft = i + "px";
        i += 15;
    }

    if (i >= 0)
    {
        myArray2[currentPicOld].style.display = "none";
        myArray2[currentPicNew].style.marginLeft = "0px";
        //        if (myArray2[currentPicNew].style.marginLeft != 0)
        //        {
        //            myArray2[currentPicNew].style.marginLeft = 0 + "px";
        //        }
        window.clearInterval(myAktivRight);
        //        mainInterval = window.setInterval("autoPic()", 5000);
        setIntervalToNormal();
    }
}
//-----------------------
//Blättern Prev - Ende
//-----------------------

function interuptInterval()
{
    window.clearInterval(mainInterval);
}

function setIntervalToNormal()
{
    window.clearInterval(mainInterval);
    mainInterval = window.setInterval("autoPic()", 5000);

    setActDot();
    intervalOn = false;

}

showPager();
mainInterval = window.setInterval("autoPic()", 5000);