var fadeGalleryImages;
var fadeCurrentIndex = 0;
var fadeTimer;

function testclick()
{
	alert("a");
}

function initFadeGallery(galleryId,images,index)
{
	if (index>0) fadeCurrentIndex = index;
	
	
	fadeGalleryImages = images;
	
	var elGallery = document.getElementById(galleryId);
	
	if (elGallery && images && images.length)
	{
		
		elGallery.style.background = 'url(\''+ images[fadeCurrentIndex] +'\') no-repeat';
		elGallery.innerHTML = '<img id="'+ galleryId +'Image" src="'+ images[fadeCurrentIndex] +'" alt="" border="0" width="880" height="200" />';
		var elImage = document.getElementById(galleryId +'Image');

		setOpacity(elImage,0);
		
		fadeTimer = window.setTimeout('fadeImage(\''+galleryId+'\',0);', 10000);
	}
}

function fadeImage(galleryId, opacity, getNext)
{
	if (!opacity) opacity = 0;

	if (fadeTimer) {
		window.clearTimeout(fadeTimer);
	}
	fadeTimer = false;
	
	var elGallery = document.getElementById(galleryId );
	var elImage = document.getElementById(galleryId +'Image');
	
	if (elGallery && elImage && fadeGalleryImages && fadeGalleryImages.length)
	{
		if (!getNext && opacity <= 100) {
					
			setOpacity(elImage,opacity);
			
			if (opacity==0)
			{
				var previousIndex = fadeCurrentIndex;
				fadeCurrentIndex++;
				if (fadeCurrentIndex > (fadeGalleryImages.length - 1))
				{
					fadeCurrentIndex = 0;
				}
				setOpacity(elImage,0);
				elGallery.style.background = 'url(\''+ fadeGalleryImages[previousIndex] +'\') no-repeat';
				elImage.src = fadeGalleryImages[fadeCurrentIndex];		
			}
			

			var timeout = 50;
			if (opacity < 10) {
				timeout = 50;
				opacity += 10;
			} else if (opacity < 90) {
				timeout = 50;
				opacity += 5;
			} else {
				timeout = 50;
				opacity += 10;
			}

			fadeTimer = window.setTimeout("fadeImage('"+galleryId+"',"+opacity+")", timeout);
		} else {

		
			var timeout = 10000;
			if (getNext) timeout = 100;
			fadeTimer = window.setTimeout('fadeImage(\''+galleryId+'\',0);', timeout);
		}
	
	}
}

function setOpacity(element,opacity) {
	if (element.style) {
		if (element.style.MozOpacity!=null) {  
			/* Mozilla's pre-CSS3 proprietary rule */
			element.style.MozOpacity = (opacity/100) - .001;
		} else if (element.style.opacity!=null) {
			/* CSS3 compatible */
			element.style.opacity = (opacity/100) - .001;
		} else if (element.style.filter!=null) {
			/* IE's proprietary filter */
			element.style.filter = "alpha(opacity="+opacity+")";
		}
	}
}