$(document).ready(function(){
						   
	// Activate PrettyPhoto Lightbox handle
	$("a[rel^='gallery']").prettyPhoto();
	
	// PNG Fix
	$(document).pngFix(); 	
	
	// Activate jCarousel
function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
		scroll: 1,
        auto: 4,
		animation: 'slow', 
        wrap: 'circular',
        initCallback: mycarousel_initCallback
    });
});

	// Activate Galleriffic
	
		// We only want these styles applied when javascript is enabled
		$('div.navigation').css({'width' : '570px', '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').css('opacity', onMouseOutOpacity)
			.hover(
				function () {
					$(this).not('.selected').fadeTo('fast', 1.0);
				}, 
				function () {
					$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
				}
			);

		$(document).ready(function() {
			// Initialize Advanced Galleriffic Gallery
			var galleryAdv = $('#gallery').galleriffic('#thumbs', {
				delay:                  2000,
				numThumbs:              15,
				preloadAhead:           10,
				enableTopPager:         true,
				enableBottomPager:      true,
				imageContainerSel:      '#slideshow',
				controlsContainerSel:   '#controls',
				captionContainerSel:    '#caption',
				loadingContainerSel:    '#loading',
				renderSSControls:       true,
				renderNavControls:      true,
				playLinkText:           'Play Slideshow',
				pauseLinkText:          'Pause Slideshow',
				prevLinkText:           '&lsaquo; Previous Photo',
				nextLinkText:           'Next Photo &rsaquo;',
				nextPageLinkText:       'Next &rsaquo;',
				prevPageLinkText:       '&lsaquo; Prev',
				enableHistory:          true,
				autoStart:              false,
				onChange:               function(prevIndex, nextIndex) {
					$('#thumbs ul.thumbs').children()
						.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
						.eq(nextIndex).fadeTo('fast', 1.0);
				},
				onTransitionOut:        function(callback) {
					$('#caption').fadeTo('fast', 0.0);
					$('#slideshow').fadeTo('fast', 0.0, callback);
				},
				onTransitionIn:         function() {
					$('#slideshow').fadeTo('fast', 1.0);
					$('#caption').fadeTo('fast', 1.0);
				},
				onPageTransitionOut:    function(callback) {
					$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
				},
				onPageTransitionIn:     function() {
					$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
				}
			});
		});

});
