jQuery(document)
		.ready(function($) {
			// We only want these styles applied when javascript is enabled
				// $('div.navigation').css({'float' : 'left'});
				// $('div.content').css('display', 'block');

				//

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs ul.thumbs li').opacityrollover( {
					mouseOutOpacity : onMouseOutOpacity,
					mouseOverOpacity : 1.0,
					fadeSpeed : 'slow',
					exemptionSelector : '.selected'
				});

				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs')
						.galleriffic(
								{
									delay : 250,
									numThumbs : 4,
									preloadAhead : 10,
									enableTopPager : true,
									enableBottomPager : false,
									maxPagesToShow : 2,
									imageContainerSel : '#slideshow',
									controlsContainerSel : '#controls',
									// captionContainerSel: '#caption',
									// loadingContainerSel: '#loading',
									renderSSControls : false,
									renderNavControls : true,
									// playLinkText: 'Play Slideshow',
									// pauseLinkText: 'Pause Slideshow',
									prevLinkText : '<img border="0" src="{{ MEDIA_URL }}images/l.gif">',
									nextLinkText : '<img border="0" src="{{ MEDIA_URL }}images/r.gif">',
									prevPageLinkText : '<img border="0" src="{{ MEDIA_URL }}images/l.gif">',
									nextPageLinkText : '<img border="0" src="{{ MEDIA_URL }}images/r.gif">',
									enableHistory : false,
									autoStart : false,
									syncTransitions : true,
									defaultTransitionDuration : 900,
									onSlideChange : function(prevIndex,
											nextIndex) {
										// 'this' refers to the gallery, which
										// is an extension of $('#thumbs')
										this.find('ul.thumbs').children().eq(
												prevIndex).fadeTo('fast',
												onMouseOutOpacity).end().eq(
												nextIndex).fadeTo('fast', 1.0);
									},
									onPageTransitionOut : function(callback) {
									    $('.advance-link').colorbox();
										this.fadeTo('fast', 0.0, callback);
									},
									onPageTransitionIn : function() {
									    $('.advance-link').colorbox();
										this.fadeTo('fast', 1.0);
									}
								});

			});

$('div#controls').css( {
	'display' : 'none'
});

$('#next_page').bind('click', function() {
	$('#top_nav a:not([title]):last-child').trigger('click');
	return false;
});
$('#prev_page').bind('click', function() {
	$('#top_nav a:not([title]):first-child').trigger('click');
	return false;
});

$('a#next').bind('click', function() {
	$('a.next').trigger('click');
	return false;
});
$('a#pre').bind('click', function() {
	$('a.prev').trigger('click');
	return false;
});