var running = true;
var changePos = 10;
var changeTimeout = 3;
var allImagesIndex;

function getPosition(arrayName,arrayItem)
{
    for(var i=0;i<arrayName.length;i++){
       if(arrayName[i]==arrayItem)
          return i;
    }
}

function setActiveImg(id,imgObj)
{
    el = document.getElementById(id);
    images = el.getElementsByTagName('img');
    for(i=0;i<(images.length);i++)
    {
        thisElement = images[i];
        if(thisElement.src == imgObj.src)
        {
            allImagesIndex = i;
        }
        thisElement.className = "thumbnail";
    }

    
    imgObj.className = "thumbnailClicked";
}

function navigateImages(direction)
{    
    el = document.getElementById('thumbWrapperInner');    
    images = el.getElementsByTagName("img");
    for(i=0;i<(images.length);i++)
    {
        thisElement = images[i];
        thisElement.className = "thumbnail";
    }

    if(direction == "left")
    {
        if(allImagesIndex > 0)
        {
            allImagesIndex--;
            showImg(allImages[allImagesIndex]);            
        }
    }

    if(direction == "right")
    {
        if(allImagesIndex < (allImages.length - 1))
        {
            allImagesIndex++;
            showImg(allImages[allImagesIndex]);
        }
    }

    el = document.getElementById('thumbWrapperInner');
    images = el.getElementsByTagName("img");
    thisElement = images[allImagesIndex];
    thisElement.className = "thumbnailClicked";
    document.getElementById("imageTextInner").innerHTML = allText[allImagesIndex];
}

function startScrollFog(direction,id)
{
    len = parseInt(document.getElementById(id).style.width);
    running = true;
	returnScroll = 0 - (len - 869) + 15;

	startPos = parseInt(document.getElementById(id).style.left);
	if(!startPos) { startPos = 0; }

	if(direction == "left")
	{
		scrollLeft(startPos,id);
	}
	else
	{
		scrollRight(startPos,id);
	}
}

function scrollLeft(oldPos,id)
{
	thisID = id;

	newPos = parseInt(oldPos) - changePos;
	document.getElementById(id).style.left = newPos+"px";
	if(newPos >= returnScroll && running == true)
	{
		setTimeout(function() { scrollLeft(newPos,thisID) } ,changeTimeout) ;
	}
	else
	{
       // setTimeout(function() { scrollRight(newPos) } , 800) ;       
	}

    if(newPos < returnScroll)
    {
        document.getElementById(id).style.left = returnScroll+"px";
    }
}

function scrollRight(oldPos,id)
{
	thisID = id;
    
	newPos = parseInt(oldPos) + changePos;
	document.getElementById(id).style.left = newPos+"px";
 
	if(newPos <= 1 && running == true)
	{
		setTimeout(function() { scrollRight(newPos,thisID) } ,changeTimeout) ;
	}
	else
	{
        // setTimeout(function() { scrollLeft(newPos) } , 800) ;
        
	}

    if(newPos > 1)
    {
        document.getElementById(id).style.left = 0+"px";
    }
}

function stopScrollFog()
{
	running = false;
}

var oc = 0;
var ocIE = 0;
var timer;

function fadeIn(id)
{
    clearTimeout(timer);
    elId = id;
    if(oc < 1.1)
	{
		document.getElementById(id).style.MozOpacity = oc;
		document.getElementById(id).style.opacity = oc;
		document.getElementById(id).style.filter="alpha(opacity="+ocIE+")";

		oc = oc + 0.20;
		ocIE = ocIE + 20;

		timer = setTimeout('fadeIn(elId)',30);
	}
	document.getElementById('imgCenter').focus();
}

function showImg(imgSrc) {    
    oc = 0;
    ocIE = 0;
    document.getElementById('imgCenter').style.MozOpacity = 0;
    document.getElementById('imgCenter').style.opacity = 0;
    document.getElementById('imgCenter').style.filter="alpha(opacity="+0+")";
    document.getElementById('imgCenter').src = imgSrc;    
    
    allImagesIndex = getPosition(allImages,imgSrc);
    document.getElementById("imageTextInner").innerHTML = allText[allImagesIndex];       
    fadeIn('imgCenter');

    checkInnerText();
}

function checkInnerText() {
    if(document.getElementById("imageTextInner").innerHTML != "")
    {
        document.getElementById("imageText").style.backgroundImage = "url(p/bg_text_kids.gif)";
    }
    else
    {
        document.getElementById("imageText").style.backgroundImage = "";
    }
}

function BilderVorladen()
{
    document.Vorladen = new Array();

    if(document.images)
    {
        for(var i = 0; i < BilderVorladen.arguments.length; i++)
        {
            document.Vorladen[i] = new Image();
            document.Vorladen[i].src = BilderVorladen.arguments[i];
        }
    }
}