//Load dojo 1.4 from the Google CDN
google.load("dojo", "1.4");

var homepageSlideshow = {
};

//This callback fires when page load is complete
google.setOnLoadCallback(function() {
	dojo.require("dojo.data.ItemFileReadStore");
	dojo.require("dojox.image.SlideShow");

	if (slideshowPhotos) {

		function init()
		{
			homepageSlideshow = {
				slideshow: null,
				dataStore: null,

				createDataStore: function()
				{
					homepageSlideshow.dataStore = new dojo.data.ItemFileReadStore({data:slideshowPhotos});
				},

				createSlideshow: function()
				{
					//Create the slideshow and set some properties
					homepageSlideshow.slideshow = new dojox.image.SlideShow({
						imageWidth: 540,
						imageHeight: 248,
						autoStart: true,
						autoLoad :true,
						showTitle: false,
						fixedHeight: true,
						slideshowInterval: 5,
						noLink: false,
						linkAttr: "title"
					});

					//Set the data store
					homepageSlideshow.slideshow.setDataStore(homepageSlideshow.dataStore,{query:{}});
					//Set the container
					homepageSlideshow.slideshow.placeAt(dojo.byId("homepage-slideshow"));

					//Begin Slideshow navigation
					homepageSlideshow.slideshow.innerWrapper.className = "innerWrapper";

					var nav = document.createElement("div");
					nav.id = "slideshow-navigation";

					/*
					*		var next = document.createElement("p");
					*		next.id = "navigation-next";
					*		nav.appendChild(next);
					*/

					var item = document.createElement("p");
					item.className = "number";
					item.id = "navigation-4";
					nav.appendChild(item);

					item = document.createElement("p");
					item.className = "number";
					item.id = "navigation-3";
					nav.appendChild(item);

					item = document.createElement("p");
					item.className = "number";
					item.id = "navigation-2";
					nav.appendChild(item);

					item = document.createElement("p");
					item.className = "number active";
					item.id = "navigation-1";
					nav.appendChild(item);

					/*
					*		var prev = document.createElement("p");
					*		prev.id = "navigation-prev";
					*		nav.appendChild(prev);
					*/

					homepageSlideshow.slideshow.outerNode.appendChild(nav);

					var navItems = dojo.query("#slideshow-navigation p");

					//Handle clicks to the navigation section
					for(var i=0; i<navItems.length; i++)
					{
						dojo.connect(navItems[i],"onclick",function(){
							var oldIndex = homepageSlideshow.slideshow.imageIndex;
							var newIndex;
							/*
							*				if(this.id.indexOf("-next") != -1)
							*				{
							*					//next was clicked
							*					if(oldIndex == 3)
							*						newIndex = 0;
							*					else
							*						newIndex = oldIndex + 1;
							*					homepageSlideshow.slideshow.showImage(newIndex);
							}
							else if(this.id.indexOf("-prev") != -1)
					{
						//prev was clicked
						if(oldIndex == 0)
					newIndex = 3;
					else
						newIndex = oldIndex - 1;
					homepageSlideshow.slideshow.showImage(newIndex);
							}
							else
							{
								*/
							//a number was clicked
							newIndex = this.id.substr(11,1);
							homepageSlideshow.slideshow.showImage(newIndex-1);
							// }
							});
						}//for

						console.log(navItems.length);

						dojo.connect(homepageSlideshow.slideshow,"showImage",function(){
							for(var i=0; i<navItems.length; i++)
							{
								if(dojo.hasClass(navItems[i],"active"))
									dojo.removeClass(navItems[i],"active");

								if(navItems[i].id.indexOf(homepageSlideshow.slideshow.imageIndex + 1) != -1)
									dojo.addClass(navItems[i],"active");
							}
						});

					}//createSlideshow
				};

			var go=function() {
				try {
					//Create the data store
					homepageSlideshow.createDataStore();

					//Create the slideShow
					homepageSlideshow.createSlideshow();
				} catch(e) {
					setTimeout(go,500);
				}
			};

			go();

		}//init
		dojo.addOnLoad(init);
	}
});//google.setOnLoadCallback