/* 
    Document   : teaser-slider.js
    Created on : 12.10.2011, 11:00:00
    Author     : TFlueter
    Description:
        Purpose of the stylesheet follows.
*/
var galleryCurrentIndex = 0;
var galleryLastIndex = 0;

function gallery_prevTeaser(galleryData, imgContainerID)
{
	galleryCurrentIndex--;
	if(galleryCurrentIndex < 0)
	galleryCurrentIndex = galleryData.length-1;
	
	if(galleryData.length > 1)
	gallery_changeGalleryImage(galleryData, imgContainerID, galleryCurrentIndex);
        gallery_highlight_thumb('thumb_'+galleryCurrentIndex);
 
}


function gallery_nextTeaser(galleryData, imgContainerID)
{
    galleryCurrentIndex = galleryCurrentIndex + 1;

    if(galleryCurrentIndex == galleryData.length)
    galleryCurrentIndex = 0;

    if(galleryData.length > 1)
    gallery_changeGalleryImage(galleryData, imgContainerID, galleryCurrentIndex);
}


function gallery_changeGalleryImage(galleryData, imgContainerID, currentIndex)
{
        if(!imgContainerID) imgContainerID = "gallery_image_big";
	
        var imgContainer = document.getElementById(imgContainerID);
	var oldSrc = imgContainer.src;

	var newImage = new Image();
        
	newImage.src    = galleryData[currentIndex];

        if(oldSrc != newImage.src)
        {
            var anim = gallery_fadeOut(imgContainer);

            fade = function()
            {
                imgContainer.src = newImage.src;
                gallery_fadeIn(imgContainer);
            }
            
            galleryLastIndex    = galleryCurrentIndex;
            galleryCurrentIndex = currentIndex;
            anim.onComplete.subscribe(fade);
        }
        
        if(document.getElementById('thumb_' + galleryLastIndex))
            document.getElementById('thumb_' + galleryLastIndex).className = 'inactive';
            
         if(document.getElementById('thumb_' + galleryCurrentIndex))
            document.getElementById('thumb_' + galleryCurrentIndex).className = 'active';	
}


function gallery_fadeOut(div)
{
	var attributes = {
		opacity: { to: 0 }
	};
	var myAnim = new YAHOO.util.Anim(div.id, attributes, 0.2);
	myAnim.animate();
	return myAnim;
}

function gallery_fadeIn(div)
{
	var attributes = {
		opacity: { to: 1 }
	};
	var myAnim = new YAHOO.util.Anim(div.id, attributes, 0.2);
	myAnim.animate();
	return myAnim; 
}