Event.observe(window, 'load', club_wireup);

var isIE = (navigator.appName == "Microsoft Internet Explorer")?true:false;
var isIE7 = (document.documentElement && typeof document.documentElement.style.maxHeight!="undefined")?true:false;

function club_wireup() {
	overlay =  $('club_overlay');
	imageHolder = $('clubtour_images');	
	if ( imageHolder )
	{
	    clubtourImages = imageHolder.getElementsByTagName('img');
	    thumbsList = $('thumbs_list');
	    thumbnails = $$('#clubtour_thumbs ul li a img');
	    thumbDisplay = $('clubtour_thumbDisplay');
	    afterMain = $('after-clubtour-maindiv');
	    thumbsListWrapper = $('thumbs-list-wrapper');
	    
	    if ( clubtourImages.length > 1 )
	    {
	        prepSlideShow();
	        prepThumbnails();
	        thumbnailScroll();		    
	    
	        if ($('spaMainArea') == null) 
	            start_slideshow();
	            
	        if ( isIE && !isIE7)
	            thumbDisplay.style.display = 'none'; 
	    }
	    else
	    {
	        thumbDisplay.style.display = 'none';
	    }
	}
}

var j=0;
var curImage = 0;
var nextImage = 1;

function prepSlideShow() {
	for (i=0; i<clubtourImages.length; i++) {		
		clubtourImages[i].setAttribute('id','clubimage'+i);
	}
}	

function slideShow() {
	if (nextImage == curImage) return; 
	Effect.Fade('clubimage'+curImage, {duration: 1.0}); 
	$('thumbnail'+curImage).removeClassName('on');
	if (nextImage == clubtourImages.length) nextImage = 0; 
	Effect.Appear('clubimage'+nextImage, {duration: 1.0}); 
	$('thumbnail'+nextImage).addClassName('on');
	curImage = nextImage;
	nextImage++;
	//document.title = curImage;
}
	
function start_slideshow() { 
	slideShowInterval = setInterval('slideShow()',5000); 
}

function prepThumbnails() {
	
	var thumbnailHolder = $('clubtour_thumbs');
	
	new Effect.Fade(thumbnailHolder, { to:0.85, duration: 0 });
	thumbDisplay.style.zIndex = "6";

	
	function moveOnStart(){
		thumbDisplay.style.zIndex = "3";	
		if((isIE) && !(isIE7)) return;		
		//new Effect.Fade(thumbDisplay, {from: 0.9, duration: 0.1, queue: {position:'start', scope: 'thumbdisplayscope', limit:1}});
		thumbDisplay.style.display = "none";
	}
	
	function moveOnFinish(){
		thumbDisplay.style.zIndex = "6";
		if((isIE) && !(isIE7)) return;		
		//new Effect.Appear(thumbDisplay, {to: 0.9, duration: 0.1, queue: {position:'start', scope: 'thumbdisplayscope', limit:1}});		
		thumbDisplay.style.display = "block";		
	}

	
//	Event Listeners for opening and closing the thumbnail holder
	Event.observe(thumbDisplay, 'mouseover', function(event) {
			thumbnailHolder.style.display = "block";
			
			var thumbDisplayOver = new Effect.Move(thumbnailHolder, 
			{  x: 0, y: -60, 
			mode: 'absolute', 
			duration: 0.4, 
			queue: {position:'end', scope: 'thumbscope', limit:2},
			beforeStart:  moveOnStart });
		}		
	);		
	
	Event.observe(overlay, 'mouseover', function(event) {
			var overlayOver = new Effect.Move(thumbnailHolder, 
			{  x: 0, y: 0, 
			mode: 'absolute', 
			duration: 0.4, 
			queue: {position:'end', scope: 'thumbscope', limit:2},
			afterFinish:  moveOnFinish});		
		}		
	);
	
	if((isIE) && !(isIE7)) {
		Event.observe(imageHolder, 'mouseover', function(event) {
				var imageHolderOver = new Effect.Move(thumbnailHolder, 
				{  x: 0, y: 0, 
				mode: 'absolute', 
				duration: 0.4, 
				queue: {position:'end', scope: 'thumbscope', limit:2},
				afterFinish:  moveOnFinish});	

			}		
		);
	}
	
	Event.observe(afterMain, 'mouseover', function(event) {
			if (thumbDisplay.style.zIndex == "6") return;
			var afterMainOver = new Effect.Move(thumbnailHolder, 
			{  x: 0, y: 0, 
			mode: 'absolute', 
			duration: 0.4, 
			queue: {position:'end', scope: 'thumbscope', limit:2},
			afterFinish:  moveOnFinish});
		}		
	);
	
	thumbnails[0].addClassName('on');
	for (i=0; i<thumbnails.length; i++){
		thumbnails[i].setAttribute('id','thumbnail'+i);				
		Event.observe(thumbnails[i], 'click', function(event) {
				if (Effect.Queue.effects.length > 0) {
					Event.stop(event);
					return;
				}
				thumbnailId=Event.element(event).id;
				nextImage=thumbnailId.substr(9);
				clearInterval(slideShowInterval);
				slideShow();
				Event.stop(event);							
			}		
		);	
	}
}

function thumbnailScroll() {
	new Insertion.After('thumbs-list-wrapper', '<a href="#" id="scrollBtnL"></a>');
	new Insertion.After('thumbs-list-wrapper', '<a href="#" id="scrollBtnR"></a>'); 
	var scrollBtnR = $('scrollBtnR');
	var scrollBtnL = $('scrollBtnL');
	
	if(thumbnails.length > 8){
		scrollBtnR.addClassName('on');
		Event.observe(scrollBtnR, 'click', function(event) {			
				new Effect.Move(thumbsList, { x: -672, y: 0, mode: 'relative'});
				scrollBtnR.removeClassName('on');
				scrollBtnL.addClassName('on');
				Event.stop(event);
			}		
		);
		
		
		Event.observe(scrollBtnL, 'click', function(event) {			
				new Effect.Move(thumbsList, { x: 672, y: 0, mode: 'relative'});
				scrollBtnL.removeClassName('on');
				scrollBtnR.addClassName('on');
				Event.stop(event);
			}		
		);
	}
	
}

function pauseSlideShow()
{
    clearInterval(slideShowInterval);
}

function restartSlideShow()
{
    start_slideshow();
}