$(document).ready(function(){
 // create tabs object
 $('div.tabs').tabs();
 $('#galleryLink').click(function() {
  		$('ul.tabbed li').eq(1).children('a').trigger('click');
	});
	
}); 
 
(function($){
 
 $.fn.tabs = function(options) {
 
  var defaults = {
   tabs:   'ul',
   node:   'div.tabContent',
   selected:  'selected'
  };
  
  var opts = $.extend(defaults, options);
  
  return $(this).each(function(){
   var $this = $(this),
    $tabs = $(opts.tabs, this),
    $nodes = $(opts.node, this),
    currentTab;
   
   $tabs.find("a").each(function(j){
    $(this).click(function(){
     return changeTab(j);
    });
    if($(this).closest('li').hasClass(opts.selected)) {
     changeTab(j);
    }
   });
   
   changeTab(0);
  
   function changeTab(tab){
    if(tab != currentTab && $nodes[tab]) {
     // swap classes on tabs
     $('.selected',$tabs).removeClass(opts.selected);
     $($('li',$tabs)[tab]).addClass(opts.selected);
     
     // show and hide the relevant nodes
     $nodes.hide();
     $($nodes[tab]).show();
     $this.trigger('tabs.change',tab);
    }
    return false;
   }
   
  });
 }
 
})(jQuery)

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() {
    var gallery = $('#gallery').galleriffic('#thumbs', {
        delay:                  3000, // in milliseconds
        numThumbs:              12, // The number of thumbnails to show page
        preloadAhead:           -1, // Set to -1 to preload all images
        enableTopPager:         false,
        enableBottomPager:      true,
        imageContainerSel:      '#slideshow', // The CSS selector for the element within which the main slideshow image should be rendered
        controlsContainerSel:   '#controls', // The CSS selector for the element within which the slideshow controls should be rendered
        captionContainerSel:    '', // The CSS selector for the element within which the captions should be rendered
        loadingContainerSel:    '', // The CSS selector for the element within which should be shown when an image is loading
        renderSSControls:       false, // Specifies whether the slideshow's Play and Pause links should be rendered
        renderNavControls:      true, // Specifies whether the slideshow's Next and Previous links should be rendered
        playLinkText:           'Play',
        pauseLinkText:          'Pause',
        prevLinkText:           'Previous',
        nextLinkText:           'Next',
        nextPageLinkText:       'Next ›',
        prevPageLinkText:       '‹ Prev',
        enableHistory:          false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes 
        autoStart:              false, // Specifies whether the slideshow should be playing or paused when the page first loads 
        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);
} 
    });
});