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

homepageSlideshow = {
	slideshow: null,
	dataStore: null,
		
	createDataStore: function()
	{
		homepageSlideshow.dataStore = new dojo.data.ItemFileReadStore({data:slideshowPhotos});
	},//createDataStore
	
	createSlideshow: function()
	{
		//Create the slideshow and set some properties
		homepageSlideshow.slideshow = new dojox.image.SlideShow({
			imageWidth: 675,
			imageHeight: 228,
			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);
		
		var item = document.createElement("p");
		item.className = "number";
		item.id = "navigation-3";
		nav.appendChild(item);
		
		var item = document.createElement("p");
		item.className = "number";
		item.id = "navigation-2";
		nav.appendChild(item);
		
		var 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
					var 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
};

//This callback fires when page load is complete
google.setOnLoadCallback(function() {
	if (slideshowPhotos) {
		dojo.require("dojo.data.ItemFileReadStore");
		dojo.require("dojox.image.SlideShow");
		
		function init()
		{
			//Create the data store
			homepageSlideshow.createDataStore();

			//Create the slideShow
			homepageSlideshow.createSlideshow();
			
		}//init
		dojo.addOnLoad(init);
	}
});//google.setOnLoadCallback