//<!--    Open comment for non-compatible browsers

// JavaScript Document

FADE_OUT_SPEED = 300;
FADE_IN_SPEED = 300;
var galleryImageDisplayed = '';
var pageName = "";
var imageCount = 0;
var fileName = "";
var firstTimeForSideSlider = true;


$(document).ready(function(){
	$('#mainImage').cycle({ 
		timeout:       	5000,  // milliseconds between slide transitions (0 to disable auto advance) 
		speed:         	2000,  // speed of the transition (any valid fx speed value) 
		delay:			-2500
	});
	//Show the intial home page item
	$("#item0").css("visibility", "visible");
	$("#jsMessage").html("");
	$("div .hideWithoutJS").css("display", "block");
	launchTextNavListener();
	launchGallerySelector();
	launchPrevNext();
});

function launchTextNavListener()
{
	$("#textNav a").click(function() {
		var itemToShow = $(this).attr('href');
		var itemToHide = $("#textNav .current").attr("id");
		$("#textNav .current").removeClass("current");
		$("#"+itemToShow).addClass("current");
		
		$(".mainText").fadeOut(FADE_OUT_SPEED,function(){
			$("#item"+itemToHide).css("visibility", "hidden");
			$("#item"+itemToShow).css("visibility", "visible");
			$(".mainText").fadeIn(FADE_IN_SPEED);
		});
		return false;
	});
}

function launchGallerySelector(){
	//Count the number of images
	$("#thumbs li").each(function(){
		imageCount ++;
	});
	//alert("Number of images: " + imageCount);
	
	//pageName = getFolderName();
	//galleryImageDisplayed = 'gallery/' + pageName +'/'+ pageName+'_' + 1 + '.jpg';
	galleryImageDisplayed = $("#chosenImage img").attr("id");
	//alert("Gallery Displayed = " + galleryImageDisplayed);
	
	$("#thumbs a").click(function(){
		var nextImage = $(this).attr("href");
		fileName = nextImage;
		galleryImageDisplayed = $(this).parent().attr("id");
		
		var nextImagePath = '<img src="'+ nextImage +'" alt="" height="400" />';
		
		var caption = $(this).attr('title');
		
		if ($(this).parent().hasClass('group')){
			groupImageDisplay(nextImagePath, caption, $(this).parent().attr('class'));
		}
		else {
			standardImageDisplay(nextImagePath, caption);
		}
		return false;
	});

}

function launchPrevNext(){
	$("#prevNext a").click(function(){
		var selected = $(this).attr('title')
		
		//Work out the next image to display
		
		//Get the current image NUMBER
		var currentImage = parseInt(galleryImageDisplayed);
		
		if (selected.indexOf('prev') != -1){
			var newImage = currentImage - 1;
			if (newImage < 1){
				newImage = imageCount;
			}
		} else {
			var newImage = currentImage + 1;
			if (newImage > imageCount){
				newImage = 1;
			}
		}
		
		galleryImageDisplayed = newImage;
		var nextImagePath = "";
		var caption = "";

		$("#thumbs li").each(function(){
			if ($(this).attr("id") == newImage){
				caption = $(this).children().attr("title");
				nextImagePath = '<img src="' + $(this).children().attr("href") + '" alt="" height="400"/>';
				if ($(this).hasClass('group')){
					groupImageDisplay(nextImagePath, caption, $(this).attr('class'));
				}
				else {
					standardImageDisplay(nextImagePath, caption);
				}
				return false;
			}
		});
		return false;
	});
}

function getFolderName(){
	var src = $("#chosenImage img").attr("src");
	if (src != null){
		var temp = src.split("/")
		return temp[1];
	}
}

function splitImageString(imgString){
	var temp = imgString.split("_");
	var temp2 = temp[1].split(".");
	return temp2[0];
}

function standardImageDisplay(path, caption){
	$("#caption").fadeOut(FADE_OUT_SPEED);
		$("#chosenImage").fadeOut(FADE_OUT_SPEED,function(){
			$("#caption").html(caption);
			$("#chosenImage").html('<img style="margin: 200px 0px 0px 0px;" src="images/spinner.gif" />');
			$("#chosenImage").show();
			$(path).load(function(){
				$("#chosenImage").hide()
				$("#chosenImage").html(path);
				$("#chosenImage").fadeIn(FADE_IN_SPEED);
				$("#caption").fadeIn(FADE_IN_SPEED);
			});
		});
}

function hideOldSliderCaption() {
	$("#caption").fadeOut(FADE_OUT_SPEED);
}

function showNewSliderCaption() {
	$("#caption").html(this.alt);
	$("#caption").fadeIn(FADE_IN_SPEED);
}

function pause(milliseconds) {
	var dt = new Date();
	while ((new Date()) - dt <= milliseconds) { /* Do nothing */ }
}

function groupImageDisplay(path, caption, thisClass){
	var temp = thisClass.split(" ");
	var category = temp[1];
	var val = temp[2];
	$("#caption").fadeOut(FADE_OUT_SPEED);
	$("#chosenImage").fadeOut(FADE_OUT_SPEED,function(){
		$("#chosenImage").html('<img style="margin: 200px 0px 0px 0px;" src="images/spinner.gif" />');
		$("#chosenImage").fadeIn(FADE_IN_SPEED, function() {
			$("#chosenImage").load("sideslider.php", {val: val, cat: category}, function(){
				$("#sideSlider img").load(function() {
					if ($(this).hasClass('lastSideSlider')){
						firstTimeForSideSlider = true;
						$('#sideSlider').cycle({ 
										fx:			'scrollHorz',
										speed:		500,
										timeout:	0,
										sync:		1,
										fit:		1,
										before:		hideOldSliderCaption,
										after:		showNewSliderCaption,
										next:		'#sliderNext',
										prev:		'#sliderPrev'
										});
					}
				});
			});	
		});
	});
}

//-->