/*
 *
 *
 */
var viewer = new PhotoViewer();
/*
Customizing the slideshow animation:
    * setSlideDuration(duration)
      Sets the time interval between slide transitions, in milliseconds. Default value: 4000.
    * disablePanning() / enablePanning()
      Disables / enables the panning effect (enabled by default).
    * disableFading() / enableFading()
      Disables / enables the fade-out/fade-in transitions (enabled by default).
    * enableAutoPlay() / disableAutoPlay()
      If enabled, the slideshow animation starts automatically when the viewer is shown (disabled by default).
    * enableLoop() / disableLoop()
      If enabled, the slideshow animation will continue at the first image after the last image is displayed (disabled 		by default).
Examples:
	var viewer = new PhotoViewer();
	viewer.setSlideDuration(3000);
	viewer.disablePanning();
	viewer.enableAutoPlay();

Customizing the viewer's appearance
    * setBackgroundColor(color)
      Sets the photo's background and border color. The color parameter may be a CSS color specification or the keyword “transparent”. Default value: "#000000".
    * setBorderWidth(width)
      Sets the photo's border width in pixels. Setting it to 0 would remove the border. Default value: 5.
    * disableShade() / enableShade()
      Disables / enables the shaded background (enabled by default).
    * setShadeColor(color)
      Sets the color of the shaded background. The color parameter should be a CSS color specification. Default value: "#000000".
    * setShadeOpacity(opacity)
      Sets the opacity of the shaded background. The opacity parameter should be a real number between 0.0 (fully transparent) and 1.0 (fully opaque). Default value: 0.7.
    * setFontSize(size)
      Sets the font size that is used to display image numbers and captions, in pixels. Default value: 10 pixels.
Examples:
	viewer.setBackgroundColor('#ffffff');
	viewer.setBorderWidth(2);
	viewer.setFontSize(11);
	viewer.setShadeColor('#807872');
	
Other Customizations:
    * disableEmailLink() / enableEmailLink()
      Disables / enables the 'email photo' button in the toolbar (enabled by default).
    * disablePhotoLink() / enablePhotoLink()
      Disables / enables the 'link to photo' button in the toolbar (enabled by default).
    * disableToolbar() / enableToolbar()
      Hides / shows the toolbar (enabled by default).
The setOnClickEvent method can be used to change the action performed when a user left-clicks on an image displayed by the viewer. This method must be called on the photo viewer instance for which you wish to change the on-click behavior:
    * viewer.setOnClickEvent(viewer.close)
      Closes the slideshow viewer (this is the default behavior).
    * viewer.setOnClickEvent(viewer.startSlideShow)
      Starts/stops the slideshow animation.
    * viewer.setOnClickEvent(viewer.permalink)
      Opens the currently displayed image in a new window.
Examples:
	viewer.setOnClickEvent(viewer.startSlideShow);
	viewer.disableEmailLink();
	viewer.disablePhotoLink();
*/

viewer.disableEmailLink();
viewer.disablePhotoLink();
viewer.setOnClickEvent(viewer.startSlideShow);
viewer.disablePanning();
viewer.enableAutoPlay();
viewer.add('gallery/image00.jpg'); 
viewer.add('gallery/image01.jpg'); 
viewer.add('gallery/image02.jpg'); 
viewer.add('gallery/image03.jpg'); 
viewer.add('gallery/image04.jpg'); 
viewer.add('gallery/image05.jpg'); 
viewer.add('gallery/image06.jpg'); 
viewer.add('gallery/image07.jpg'); 
viewer.add('gallery/image08.jpg'); 
viewer.add('gallery/image09.jpg'); 
viewer.add('gallery/image10.jpg'); 
viewer.add('gallery/image11.jpg'); 
viewer.add('gallery/image12.jpg'); 
viewer.add('gallery/image13.jpg'); 
viewer.add('gallery/image14.jpg'); 
viewer.add('gallery/image15.jpg'); 
viewer.add('gallery/image16.jpg'); 
viewer.add('gallery/image17.jpg'); 
viewer.add('gallery/image18.jpg'); 
viewer.add('gallery/image19.jpg'); 
viewer.add('gallery/image20.jpg'); 
/*
Adding photo captions and dates
	add(imageUrl, caption, date)
Examples:
	viewer.add('photo1.jpg', 'A special photo', '11/01/2006 10:12');
*/

function startGrayanSlide(slideNum){
	viewer.show(slideNum);
}