//add all onload code here
$(function(){
	$("a[rel='external']").attr('target','_blank');
});

$(document).ready(function() {
    var gallery = $('#gallery-thumb').galleriffic('#thumbs', {
        delay:                  0, // in milliseconds
        numThumbs:              5, // The number of thumbnails to show page
        preloadAhead:           20, // 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:    '#caption', // The CSS selector for the element within which the captions should be rendered
        loadingContainerSel:    '#loading', // 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:           '<img src="/images/graphics/gallery-prev-large.gif" />',
		prevLinkTitle:			'Previous',
        nextLinkText:           '<img src="/images/graphics/gallery-next-large.gif" />',
		nextLinkTitle:			'Next',
        nextPageLinkText:       '<img src="/images/graphics/gallery-next.png" />',
		nextPageLinkTitle:      'Next &rsaquo;',
        prevPageLinkText:       '<img src="/images/graphics/gallery-prev.png" />',
		prevPageLinkTitle:      '&lsaquo; 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:               undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
        onTransitionOut:        undefined, // accepts a delegate like such: function(callback) { ... }
        onTransitionIn:         undefined, // accepts a delegate like such: function() { ... }
        onPageTransitionOut:    undefined, // accepts a delegate like such: function(callback) { ... }
        onPageTransitionIn:     undefined  // accepts a delegate like such: function() { ... }
    });
	$('#thumbs a.thumb').lightBox();
});