/* shwv.P104090729 */
/* (c)2009 SugarHill Works LLC - http://www.sugarhillworks.com */

var slideshow = [];
var imageFolder, sPicsFolder, ssn;

// ******************************************************************************
// ************* SS SETTINGS ****************************************************
// ******************************************************************************
//----------- main containers ----------- 
var ss_image_cntr_id = 'ss_cntr';
var ss_thumb_cntr_id = '';//leave blank for no thumbs
var glass_cntr = 'glass_cntr';
//----------- opt containers ------------
var ss_title_cntr_id = ''; //leave blank for no titles
var titles_linkFading = true; // Set to true to have (visible) titles fade along with the image
//---------------------------------------
// captions are in 2 parts, particularly useful with quotes that have a person attributed
// NOTE: Of the following three options, choose either the first or both the second and third
//		* If ss_captions_cntr is used, caption part one and two will be put in this container
//		* If both caption1 and caption2_cntr_id are used, caption parts will be displayed in separate containers.
//*********** ONLY  USE  ss_captions_cntr_id !!! ***********
var ss_captions_cntr_id = ''; //leave blank for no captions
//var ss_caption1_cntr_id = ''; //leave blank for no 'part 1' captions
//var ss_caption2_cntr_id = ''; //leave blank for no 'part 2' captions
var caption1Pre = "<p class=\"quote_txt\">&quot;"; // some HTML or leave blank
var caption1App = "&quot;</p>"; // some HTML or leave blank
var caption2Pre = "<p class=\"author\">&#151;&nbsp;"; // some HTML or leave blank
var caption2App = "</p>"; // some HTML or leave blank
var captions_linkFading = true; // Set to true to have (visible) captions fade along with the image
//---------------------------------------
//******************************************************************************
//---------- behavior settings ----------
var ss_autorun = true; // Set to true if this is an auto-run slideshow.
var ss_interval = 2500; // milliseconds between image transitions (on auto-run slideshows)
var ss_fade_duration = 1000; // milliseconds that it will take for the fade to complete (larger number = slower fade)
//---------------------------------------
var ss_resume_interval = false; //false OR milliseconds until the slideshow will start itself if no viewer activity (Always false for autorun).
var glass_nav = false; // Set to true if you want to click the image overlay to advance the slideshow.
var randomizeOrder = false; // Set to true to randomize the order of the images in this slideshow.
//---------------------------------------
var showImgsTitleAtt = false; // set to true to show navnums as the glass_cntr's attribute
var showThmsTitleAtt = false; // set to true to show navnums as the thumbnail's title attribute
//---------------------------------------
var img_h_position = 'center'; //options are 'left' OR 'center' OR 'right' for horizontal position. (ADJUST IMG WIDTH SETTINGS in shwFade.js)
var img_v_position = 'middle'; //options are 'top' OR 'middle' OR 'bottom' for vertical position.
//NOTE: Both imgFit and imgGrow (below) will maintain image aspect ratio and fit the images based on that. Meant to be used either/or.
var imgFit = true; //set to true to force large images to fit in the ss cntr. Note: false will allow large images to break the layout.
var imgGrow = false;//set to true to force small images to grow to the size of the ss cntr. images too large to begin with will be resized to fit, even if imgFit is false.
//---------------------------------------
var thms_behavior = 'scrolly'; // 'over_fade' for a thumbs cntr that disappears OR 'scrolly' for scrollable thumbs in a v or h line
var rewindThumbs = false; // set to true to have the thumbs autoscroll back to the beginning when the user reaches the end of the scrollable thumbs
var rewindDelay = 	500; // milliseconds delay before rewinding the thumbs (gives the user a chance to let up on the mouse to stay at first/last thumb
var loopThumbs = false; // set to true to have the thumbs jump back to the other side, giving the appearance of looping. NOTE: ignored when rewindThumbs is true
var loopEndDelay = 250; // milliseconds to delay before jumping to the beg/end of thumbs
var loopResumeDelay = 250; // milliseconds to delay before resuming scrolling after jumping to the beg/end of thumbs
var hideScrollArrows = true; // set to true to hide the left/right scroll nav arrows when the beg/end is reached. NOTE: ignored when rewindThumbs or loopThumbs is true
//---------------------------------------
var thms_linkFading = true; // Set to true to have (visible) thumbs fade along with the image OR false for hidden thumbs
var thms_minOpacity = 0.70; // set to the opacity value you want the thumbs to stop at when fading out. (The active thumb always fades up to 1)

//---------------------------------------
//altWideLayout may overrule imgFit / imgGrow ?
var altWideLayout = false; // set to true to use an alternative layout for wide images
var alt_captions_cntr_id = ''; // set to the container id in which you want the caption to appear in the case of a wide image 
//var alt_caption1Pre = "&quot;"; // some HTML or leave blank
//var alt_caption1App = "&quot;"; // some HTML or leave blank
//var alt_caption2Pre = "&nbsp;&nbsp;&nbsp;&#151&nbsp;"; // some HTML or leave blank
//var alt_caption2App = ""; // some HTML or leave blank
//******************************************************************************
//******************************************************************************
//******************************************************************************










// SET THE NAME OF THIS PORTFOLIO ON THE LINE BELOW.
var portfolioTitle = "";  

// --------------------------------  INSTRUCTIONS  -----------------------------------
//	 NOTE: THE PREFERRED WAY OF EDITING A GALLERY IS NOW ~gallery/editGallery.php
// For each of the slideshow items,              
// follow the pattern of the following lines: 
// 
//			//
//			//slideshow[slideshow.length] = {				<--this line is the same for each item
//				order: "1", // only used by editGallery.php - the images will appear in the order listed below regardless of this value...
//				image: "img01.jpg", //filename
//				thumb: "",          //filename, or leave blank if the thumb file has the same name as the image file (default) 
//				title: "title 1",   // title text for this image
//				caption: "caption 1"// caption text for this image
//			//};											<--this line is the same for each item
//			//
//
// The images will appear in the slideshows in the order listed (regardless of filename, and order:value).
//
//
// 
// ------------------------------------------------------------------------------------

// ---------------- BEGINNING OF SLIDESHOW PANEL ------------------------------
// SET THE IMAGE FOLDER ON THE LINE BELOW - should be a subfolder of .../shw_slideshow/images/
// NOTE: Image folder should be named with letters and underscores(_) ONLY!
// Set each item to appear in this panel's slideshow below (minimum 2 images).
// To add a new item, copy and paste the following lines. Then remove the '//' from the beginning of each line
// and fill in the values as above in the instructions.







function load_slideshow(n) {
	if (n == 1) {
		slideshow = [];
		imageFolder = 'images';
		thumbFolder = ''; //thumbs
		
		
	//------------------------------ BEGIN IMAGE LIST FOR SLIDESHOW -------------------------------------

	slideshow[slideshow.length] = {
		order: "",
		image: "butterfly_blowouts.jpg",
		thumb: "",
		title: "",
		caption1: "",
		caption2: ""
	};

	slideshow[slideshow.length] = {
		order: "",
		image: "butterfly_blowouts_jar.jpg",
		thumb: "",
		title: "",
		caption1: "",
		caption2: ""
	};

	slideshow[slideshow.length] = {
		order: "",
		image: "sparkle_dust.jpg",
		thumb: "",
		title: "",
		caption1: "",
		caption2: ""
	};

	slideshow[slideshow.length] = {
		order: "",
		image: "valentine_fortune.jpg",
		thumb: "",
		title: "",
		caption1: "",
		caption2: ""
	};
	
	slideshow[slideshow.length] = {
		order: "",
		image: "modern_valentine_day.jpg",
		thumb: "",
		title: "",
		caption1: "",
		caption2: ""
	};
	
	slideshow[slideshow.length] = {
		order: "",
		image: "charming_tag_suitcase.jpg",
		thumb: "",
		title: "",
		caption1: "",
		caption2: ""
	};
	
	slideshow[slideshow.length] = {
		order: "",
		image: "cupcakes.jpg",
		thumb: "",
		title: "",
		caption1: "",
		caption2: ""
	};
	
//	slideshow[slideshow.length] = {
//		order: "",
//		image: "",
//		thumb: "",
//		title: "",
//		caption1: "",
//		caption2: ""
//	};
//	
//	slideshow[slideshow.length] = {
//		order: "",
//		image: "",
//		thumb: "",
//		title: "",
//		caption1: "",
//		caption2: ""
//	};
//	
//	slideshow[slideshow.length] = {
//		order: "",
//		image: "",
//		thumb: "",
//		title: "",
//		caption1: "",
//		caption2: ""
//	};
//



	//---------------------------------------  END IMAGE LIST -------------------------------------
	
	
		sPicsFolder = window.location.toString();
		slideshow.sPicsFolder = sPicsFolder.replace(/([a-z]*\.[a-z]*#)|(index\.html)|(index\.php)|#$/i, '') + imageFolder + '/';
		ssn = slideshow.length;
	}


}




//
//
//
// -----------------  DO NOT EDIT BELOW THIS LINE  --------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// **************************************************************************
// **************************************************************************
// ******************** SET YOUR IMAGE FILENAMES ABOVE **********************
// **************************************************************************
// **************************************************************************
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// --------------------------------------------------------------------------
// -----------------  DO NOT EDIT BELOW THIS LINE  --------------------------
//
//
//
load_slideshow(1);
//
//
//
// DO NOT EDIT THESE varS. CHANGE/ADD IMAGE AND THUMBNAIL FILENAMES IN THE PREVIOUS SECTION

// GLOBAL GALLERY VARS
var thmsFolder = slideshow.thumbFolder;  // path relative to specific portfolio dir
for (var i = 0; i < slideshow.length; i++) {

	if (slideshow[i].thumb === "") { 
		slideshow[i].thumb = slideshow[i].image;
	}
}