var transparentImage = "images/transparent.gif";

function fixTrans()
{
	if (typeof document.body.style.maxHeight == 'undefined') {

	var imgs = document.getElementsByTagName("img");
	
	for (i = 0; i < imgs.length; i++)
	{	
		if (imgs[i].src.indexOf(transparentImage) != -1)
		{
			return;
		}

		if (imgs[i].src.indexOf(".png") != -1)
			{
				var src = imgs[i].src;
				imgs[i].src = transparentImage;
				imgs[i].runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
			}
		}	
	}
}


var duration = 700;
var _slider = null;

function initGallery()
{
		var _img_holder = $("image");
		var _gallery = $("image-list");
		if (_gallery && _img_holder)
		{
			if (_img_holder.className.indexOf("loader") == -1)
			{
				_img_holder.className += " loader";
			}
			_img_holder.innerHTML = "";
			var _links = _gallery.getElements("a");
			var k = 0;
			_links.each(function(_link, i) {
				
				if (_link.href.indexOf("#") ==-1)
				{
					_link._index = k;
					k++;
					
					var _img = document.createElement("img");
					_img.src = _link.href;
					_img_holder.appendChild(_img);
					
					_link.onclick = function() {
						_slider.slideTo(this._index);
						return false;
					};
				}
				
			});
			_slider = new FadeSlideShow(_img_holder.getElements("img"), {
				duration:duration,
				transition: Fx.Transitions.Cubic.easeIn
			});
			_img_holder.className = _img_holder.className.replace("loader", "");
		}
}


if (window.addEventListener) {
	window.addEventListener("load", initGallery, false);
}
else if (window.attachEvent) {
	window.attachEvent("onload", initGallery);
}

if (document.all && !window.opera)
	attachEvent("onload", fixTrans);

function ShowCaption(id)
{
	switch (id)
	{
	case 1: 
//		alert("Caption1");	
		document.getElementById("Caption1").style.display = "inline";
		document.getElementById("Caption2").style.display = "none";
		document.getElementById("Caption3").style.display = "none";
		document.getElementById("Caption4").style.display = "none";
		break;
	case 2: 
//		alert("Caption2");	
		document.getElementById("Caption1").style.display = "none";
		document.getElementById("Caption2").style.display = "inline";
		document.getElementById("Caption3").style.display = "none";
		document.getElementById("Caption4").style.display = "none";
		break;
	case 3: 
//		alert("Caption3");	
		document.getElementById("Caption1").style.display = "none";
		document.getElementById("Caption2").style.display = "none";
		document.getElementById("Caption3").style.display = "inline";
		document.getElementById("Caption4").style.display = "none";
		break;
	case 4: 
//		alert("Caption4");	
		document.getElementById("Caption1").style.display = "none";
		document.getElementById("Caption2").style.display = "none";
		document.getElementById("Caption3").style.display = "none";
		document.getElementById("Caption4").style.display = "inline";
		break;
	}
}