// JavaScript Document

	var CurrentLeft = 0;
	var intervalID;
	var Scrolled = 0;
	var AmountToScrollLeft = -65;
	var AmountToScrollRight = 65;
	var thumbnails;
	var LargeImageLocation = "";
	var Browser;
	var mainImage;
	var Fade;
	var NewMainImage;
	var CurrentImage = 0;
	
	// detect browser and set defaults

	function ShowDescription(imgID)
	{
		//alert(imgID);	
		//if (!description)
		//{
			document.getElementById("description").style.visibility = "visible";
			//var description = new Effect.Grow('description', direction='top-left'); 
		//}
	}
	
	function HideDescription(imgID)
	{
		//if (description)
		//{
			//var description = new Effect.Shrink('description');
			document.getElementById("description").style.visibility = "hidden";
		//}
	}

	function DisplayImage(imgUrl)
	{
		var mainAreaImage = document.getElementById("mainAreaImage");
		if (document.getElementById("article") != null)
		{
			document.getElementById("article").style.display = "none";
		}
		mainAreaImage.style.display = "block";
		new Effect.Fade(mainAreaImage,mainAreaImage,imgUrl); window.setTimeout('Effect.Appear(\'mainAreaImage\', {duration:1})',1000);
		
	}
	
    if (navigator.userAgent.toString().toLowerCase().indexOf("firefox") > 0)
    {
	    Browser = 1;
	    AmountToScrollLeft = -50;
	    AmountToScrollRight = 50;
		
    }else{
	    if (navigator.userAgent.toString().toLowerCase().indexOf("msie") > 0)
	    {
		    Browser = 2;
		    AmountToScrollLeft = -65;
		    AmountToScrollRight = 65;
	    }else{
		    Browser = 3;
		    AmountToScrollLeft = -65;
		    AmountToScrollRight = 65;				
	    }
    }

	function HighLightMenu(PageId,MenuItem)
	{
	    var menu = document.getElementById("mainMenu");
	    var menuItems = menu.getElementsByTagName("li");
	    menuItems[PageId].className = "selected";
	    var menu = document.getElementById("menu1");
	    var menuItems = menu.getElementsByTagName("li");
	    //menuItems[MenuItem].innerHTML = ">&nbsp" + menuItems[MenuItem].innerHTML;   
	    menuItems[MenuItem].className = "selected";	 
	   
	    
	}
	
	function ShowFirstImage()
	{
	   
	   // var menuItems = menu.getElementsByTagName("ul");
	    //var thePageId = document.getElementById("PageID");
	    //alert(thePageId.value);
	    try
	    {
	    
		var thumbs = document.getElementById("thumbnails");
		
		var thumbsImages = thumbs.getElementsByTagName("a");
		
		ShowTitle(thumbsImages[0])
		// strip miscellaneous chars

		var ImageToshow = thumbsImages[0].href;
		
		ImageToshow = ImageToshow.replace("javascript:","");
		ImageToshow = ImageToshow.replace("ShowImage(","");
		ImageToshow = ImageToshow.replace("%20","");
		ImageToshow = ImageToshow.replace(");","");
		ImageToshow = ImageToshow.replace("\"","");
		ImageToshow = ImageToshow.replace("\"","");
		
		ShowImage(ImageToshow);
		}
		catch(e)
		{
		    alert(e.message);
		}
	}
	
	function ShowBorder(img)
	{
		img.style.border = 'solid 1px #000'
	}
	
	function HideBorder(img)
	{
		img.style.border = 'solid 1px #FFF'
	}	
	
	function ShowTitle(imgToShow)
	{
	        var imagetitle = document.getElementById("title");
		    imagetitle.innerText = imgToShow;  
	}
	
	function HideTitle()
	{
	        var imagetitle = document.getElementById("title");
		    imagetitle.innerText = "";  
	}
	
	function ShowImage(id)
	{
	    try
	    {
		    clearInterval(Fade);
		    NewMainImage = id;
		    Fade = setInterval("fadeOut()",10);
		}
		catch(e)
		{
		    alert(e.message);
		}
	}
	
	function ShowMenu(menuToShow)
	{
	    HideAllMenus();
	    var menu = document.getElementById(menuToShow);
	    menu.style.display = "block";	
	}
	
	function HideAllMenus()
	{
		var menu = document.getElementById("menu");
		var subMenus = menu.getElementsByTagName("ul");
		for (i = 1; i < subMenus.length; i++)
		{
			subMenus[i].style.display = "none";
		}
	}
	
	function fadeIn(ImageID)
	{
		mainImage = document.getElementById("mainImage");
		
		if (Browser == 2)
		{
			// ie
			
			if (mainImage.filters.alpha.opacity >= 100)
			{
				clearInterval(Fade);
			}else{
				mainImage.filters.alpha.opacity = mainImage.filters.alpha.opacity + 2;
			}

		}else{
			if (Browser == 1)
			{
				// mozilla
	
				if (mainImage.style.MozOpacity >= 1)
				{
					clearInterval(Fade);
				}else{	
					mainImage.style.MozOpacity = Number(mainImage.style.MozOpacity) + 2/100;
				}
			}else{
				
				// opera
				
				if (mainImage.style.opacity >= 0.99)
				{
					clearInterval(Fade);
				}else{
					mainImage.style.opacity = Number(mainImage.style.opacity) + 2/100;
				}
			}
		}
			

	}

	function fadeOut(ImageID)
	{
		
		mainImage = document.getElementById("mainImage");
		if (Browser == 2)
		{

			// ie
			
			if (mainImage.filters.alpha.opacity <= 0)
			{
				clearInterval(Fade);
				Fade = setInterval("fadeIn()",10);
				mainImage.src = LargeImageLocation + NewMainImage;
			}else{
				mainImage.filters.alpha.opacity = mainImage.filters.alpha.opacity - 2;
			}	
			
		}else{
			
			if (Browser == 1)
			{
				// mozilla
				
				if (mainImage.style.MozOpacity <= 0)
				{
					clearInterval(Fade);
					Fade = setInterval("fadeIn()",10);
					mainImage.src = LargeImageLocation + NewMainImage;
				}else{
					mainImage.style.MozOpacity = Number(mainImage.style.MozOpacity) - 2/100;
				}
			}else{
				// opera
				
				if (mainImage.style.opacity <= 0)
				{
					clearInterval(Fade);
					Fade = setInterval("fadeIn()",10);
					//mainImage.src = LargeImageLocation + NewMainImage;
					var mainImageArea = document.getElementById("mainAreaImage")
					
					mainImageArea.innerHTML = "<img src='" + NewMainImage + "'/>";

				}else{
					mainImage.style.opacity = Number(mainImage.style.opacity) - 2/100;
				}
			}
		}	

	}
	
	function ShowPrevious()
	{
		if (CurrentImage > 0)
		{
			
			var mainAreaImage = document.getElementById("mainAreaImage");
			var thumbnailsSection = document.getElementById("thumbnails");
			var thumbnailsImages = thumbnailsSection.getElementsByTagName("a");
			var imgUrl = thumbnailsImages[CurrentImage].href.replace("javascript:","");
			imgUrl = imgUrl.replace("DisplayImage(","");
			imgUrl = imgUrl.replace(")","");
			imgUrl = imgUrl.replace("\"","");
			imgUrl = imgUrl.replace("\"","");
			imgUrl = imgUrl.replace(";","");
			CurrentImage--;
		}
	}
	function ShowNext()
	{
		
		var mainAreaImage = document.getElementById("mainAreaImage");
		var thumbnailsSection = document.getElementById("thumbnails");
		var thumbnailsImages = thumbnailsSection.getElementsByTagName("a");
		var imgUrl = thumbnailsImages[CurrentImage].href.replace("javascript:","");
		ShowTitle(thumbnailsImages[CurrentImage].title);
		
		imgUrl = imgUrl.replace("DisplayImage(","");
		imgUrl = imgUrl.replace("%20","");
		imgUrl = imgUrl.replace("%","");
		imgUrl = imgUrl.replace(")","");
		imgUrl = imgUrl.replace("\"","");
		imgUrl = imgUrl.replace("\"","");
		imgUrl = imgUrl.replace(";","");
		imgUrl = imgUrl.replace("%22","");
		
		CurrentImage++;
		new Effect.Fade(mainAreaImage,mainAreaImage,imgUrl.toString()); window.setTimeout('Effect.Appear(\'mainAreaImage\', {duration:1})',1000);
	}
	function Scroll(direction)
	{
		clearInterval(intervalID);
	
		thumbnails = document.getElementById('thumbnails');
		var images = thumbnails.getElementsByTagName("img");
		
		switch (direction)
		{
			case "L" : 
				intervalID = setInterval("ScrollGalleryLeft(" + AmountToScrollLeft + ");",1);
			break;
			case "R" : 
				intervalID = setInterval("ScrollGalleryRight(" + AmountToScrollRight + ");",1);
			break;
		}
	}

	
	function ScrollGalleryLeft(amount)
	{

		if (Scrolled < amount || CurrentLeft < -800)
		{
			window.status = CurrentLeft;
			clearInterval(intervalID);
			Scrolled = 0;
		}else{
				
			switch (Browser)
			{
				case 1 : thumbnails.style.marginLeft = CurrentLeft - 1 + "pt";
				break;
				case 2 : thumbnails.style.marginLeft = CurrentLeft - 1;
				break;
				case 3 : thumbnails.style.marginLeft = CurrentLeft - 1;
				break;				
			}
			CurrentLeft = CurrentLeft - 1;
			window.status = CurrentLeft;
			Scrolled --;
		}
	}
	
	function ScrollGalleryRight(amount)
	{
		if (Scrolled > amount || CurrentLeft > 0)
		{
			window.status = CurrentLeft;
			clearInterval(intervalID);
			Scrolled = 0;
		}else{
			
			switch (Browser)
			{
				case 1 : thumbnails.style.marginLeft = CurrentLeft + 1 + "pt";
				break;
				case 2 : thumbnails.style.marginLeft = CurrentLeft + 1;
				break;
				case 3 : thumbnails.style.marginLeft = CurrentLeft + 1;
				break;				
			}
			CurrentLeft = CurrentLeft + 1;
			window.status = CurrentLeft;
			Scrolled ++;
		}
	}