//Syntax: ["path_to_thumbnail", "path_to_image", "image_title", "image_desc"]
var imglist=new Array();
imglist[imglist.length]=["img/M0_s.jpg","img/M0.jpg","M0",""];
imglist[imglist.length]=["img/CIWu_s.jpg","img/CIWu.jpg","CIWu",""];
imglist[imglist.length]=["img/D.Giffor_s.jpg","img/D.Giffor.jpg","D.Giffor",""];
imglist[imglist.length]=["img/D.Gifford_s.jpg","img/D.Gifford.jpg","D.Gifford",""];
imglist[imglist.length]=["img/F.Roth_s.jpg","img/F.Roth.jpg","F.Roth",""];
imglist[imglist.length]=["img/JDH_s.jpg","img/JDH.jpg","JDH",""];
imglist[imglist.length]=["img/JRWu_s.jpg","img/JRWu.jpg","JRWu",""];
imglist[imglist.length]=["img/K.Philipp_s.jpg","img/K.Philipp.jpg","K.Philipp",""];
imglist[imglist.length]=["img/KJZhao_s.jpg","img/KJZhao.jpg","KJZhao",""];
imglist[imglist.length]=["img/M.Cusick_s.jpg","img/M.Cusick.jpg","M.Cusick",""];
imglist[imglist.length]=["img/M.Luscombe_s.jpg","img/M.Luscombe.jpg","M.Luscombe",""];
imglist[imglist.length]=["img/M.Luscombe&P.Bork_s.jpg","img/M.Luscombe&P.Bork.jpg","M.Luscombe&P.Bork",""];
imglist[imglist.length]=["img/N.Baker_s.jpg","img/N.Baker.jpg","N.Baker",""];
imglist[imglist.length]=["img/P.Rorth_s.jpg","img/P.Rorth.jpg","P.Rorth",""];
imglist[imglist.length]=["img/R.Greenspan_s.jpg","img/R.Greenspan.jpg","R.Greenspan",""];
imglist[imglist.length]=["img/S.Cohen_s.jpg","img/S.Cohen.jpg","S.Cohen",""];
imglist[imglist.length]=["img/S.Zhong_s.jpg","img/S.Zhong.jpg","S.Zhong",""];
imglist[imglist.length]=["img/WCYang_s.jpg","img/WCYang.jpg","WCYang",""];
imglist[imglist.length]=["img/WSLi_s.jpg","img/WSLi.jpg","WSLi",""];
imglist[imglist.length]=["img/YQZhang_s.jpg","img/YQZhang.jpg","YQZhang",""];
imglist[imglist.length]=["img/ZRSun_s.jpg","img/ZRSun.jpg","ZRSun",""];
imglist[imglist.length]=["img/M01_s.jpg","img/M01.jpg","M01",""];
imglist[imglist.length]=["img/M02_s.jpg","img/M02.jpg","M02",""];
imglist[imglist.length]=["img/M03_s.jpg","img/M03.jpg","M03",""];
imglist[imglist.length]=["img/M04_s.jpg","img/M04.jpg","M04",""];
imglist[imglist.length]=["img/M05_s.jpg","img/M05.jpg","M05",""];
imglist[imglist.length]=["img/M06_s.jpg","img/M06.jpg","M06",""];
imglist[imglist.length]=["img/Staff_s.jpg","img/Staff.jpg","Staff",""];

function setGallery(){
	// Initially set image data to DOM
	var uli = $('<ul></ul>').addClass('thumbs noscript');
	$.each(imglist, function(i, v){	
		var li = $('<li></li>');
		li.append(
			$('<a></a>').addClass('thumb').attr('href', v[1]).attr('title', v[2]).append(
				$('<img/>').attr('src', v[0]).attr('alt', v[2])
			)
		);
		uli.append(li);
	});
	$('#thumbs').append(uli);

	// 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);
			}
		);

	// Initialize Advanced Galleriffic Gallery
	var galleryAdv = $('#gallery').galleriffic('#thumbs', {
		delay:                  2000,
		numThumbs:              12,
		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) {
			$('#slideshow, #caption').fadeOut('fast', callback);
		},
		onTransitionIn:         function() {
			$('#slideshow, #caption').fadeIn('fast');
		},
		onPageTransitionOut:    function(callback) {
			$('#thumbs ul.thumbs').fadeOut('fast', callback);
		},
		onPageTransitionIn:     function() {
			$('#thumbs ul.thumbs').fadeIn('fast');
		}
	});
}