$(window).bind('load', function() {
	$('#thumbs').find('li').removeClass('activeLI');
	$('#thumbFirst').addClass('activeLI');
	//$('#gallery').hide();
});

$(document).ready(function(){
	
	$('#thumbs').after('<div id="trigger"><img src="assets/templates/casey_doors/images/play.gif" alt="Click to play the slideshow" /></div>');
	$('#galleryHolder').show();
	
	
		// redefine Cycle's updateActivePagerLink function 
	$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex, idx) { 
	    $(pager).find('li').removeClass('activeLI') 
	        .filter('li:eq('+currSlideIndex+')').addClass('activeLI');
	}; 
	
	$('#gallery').cycle({ 
	    fx:     'fade', 
	    speed:  'slow', 
	    timeout: 0, 
	    pager:  '#thumbs', 
	    // callback fn that creates a thumbnail to use as pager anchor 
	    pagerAnchorBuilder: function(idx, slide) { 
			var $img = '<img id="' + idx + '" src="' + slide.src + '" width="40" height="40" />';
			return '<li><a class="bla" href="#">' + $img + '</a></li>'; 	
	    } 
	});
		
	$('a.bla').click( function() { 
		$('#galleryHolder').hide();
		$('#gallery').cycle('pause');
		$('#gallery').fadeIn(); 
		$('#thumbFirst').removeClass('activeLI');
		$('#trigger').html('<img src="assets/templates/casey_doors/images/play.gif" alt="Click to start the slideshow" />');
		
	});
	
	$('#thumbFirst').click( function() { 
		$('#galleryHolder').fadeIn();
		$('#thumbs').find('li').removeClass('activeLI');
		$('#thumbFirst').addClass('activeLI');
		$('#gallery').cycle('stop');
		$('#gallery').fadeOut();
		$('#trigger').html('<img src="assets/templates/casey_doors/images/play.gif" alt="Click to start the slideshow" />');
			  
	});
	
	$('#trigger').toggle(
		function(){
				$('#thumbFirst').removeClass('activeLI');
				$(this).html('<img src="assets/templates/casey_doors/images/stop.gif" alt="Click to stop the slideshow" />');
				$('#galleryHolder').fadeOut();
				$('#gallery').fadeIn();
				$('#gallery').cycle({
					fx: 'fade',
					speed: 'slow',
					timeout: 3000,
					pager: '#thumbs',
					pagerAnchorBuilder: function(idx, slide){
						// return selector string for existing anchor 
						return 'li2:eq(' + idx + ') a';
					}
				});
			
		},
		
		function(){
			  $('#thumbFirst').addClass('activeLI');	
			  $(this).html('<img src="assets/templates/casey_doors/images/play.gif" alt="Click to start the slideshow" />');
			  $('#gallery').cycle('stop');
			  $('#gallery').fadeOut();
			  $('#galleryHolder').fadeIn();
			  $('#thumbs').find('li').removeClass('activeLI');
		}
	);
	
	/*-----Tips----*/
	
	$('a.title').cluetip({
		splitTitle: '|',
		cluetipClass: 'jtip', 
		width: '100px',
	    dropShadow: true, 
	    sticky: false,
	    positionBy: 'bottomTop'    
	});
	


});