var imagesPreloaded = false;
var preloadedImages = new Array();
var help			= 0;
var preloadPath		= '';
var counter			= 0;
var stopByLoop		= 3;

function createAnimation(imagePath, tagID, currentImage, delayTime)
{
	preloadPath = imagePath;

	if (!document.getElementById(tagID) || document.getElementById(tagID) == undefined ||
		document.getElementById(tagID) == 'undefined')
	{
		return;
	}
	var currentImageName = '';
	
	currentImage++;			
	
	if(currentImage > imageCount)
	{
		counter++;
		
		if( counter == stopByLoop )
		{
			document.getElementById(tagID).style.backgroundImage = 'url(' + imagePath + 'pic_01.jpg)';
			return; // stop the animation!
		}
		else
		{
			currentImage = 1; // repeat the animation
		}
	}

	if(currentImage-1 < help)
	{
		document.getElementById(tagID).style.backgroundImage = 'url(' + preloadedImages[(currentImage-1)].src + ')';
	}else
	{
		if(currentImage < 10)
		{
			currentImageName = 'pic_0' + currentImage + '.jpg';
		}else
		{
			currentImageName = 'pic_' + currentImage + '.jpg';
		}
		document.getElementById(tagID).style.backgroundImage = 'url(' + imagePath + currentImageName + ')';
	}
	
	setTimeout('createAnimation("' +imagePath+ '", "' +tagID+ '", ' +currentImage+ ', ' +delayTime+ ')', delayTime);
}

// preloads images for animation
var currentImageName;

function preloadImages()
{
	if(help < imageCount)
	{
		if(help < 9)
		{
			currentImageName = 'pic_0' + (help+1) + '.jpg';
		}else
		{
			currentImageName = 'pic_' + (help+1) + '.jpg';
		}
		
		help++;
		preloadedImages[help-1] = new Image();
		preloadedImages[help-1].onload = preloadImages;
		preloadedImages[help-1].src = preloadPath + currentImageName;
	}
}