/**
 * @author Lee McMullen, Qchi Ltd. http://qchi.net
 */

$(function() {
	HWHome.setup();
})

var HWHome = {
	setup : function() {
		this.carousel.setup();
	},
	carousel:{
		setup: function(){
			this.heroes.setup();
			this.widgets.setup();
		},
		heroes: {
			setup: function(){
				var carouselConfig = {
					items: {
						visible: 1,
						minimum: 2
					},
					auto: {
						play: true,
						pauseOnHover: true
					},
					scroll: {
						duration: 1200
					},
					pagination: '#hero-pagination'
				};
				// Add the pagination section to the DOM and apply the scroll effect
				var pagination = '<div class="pagination" id="hero-pagination"></div>';
				$("#heroes-container").after(pagination).carouFredSel(carouselConfig);
			}
		},
		widgets: {
			setup: function(){
				// Add the next and back buttons to the DOM
				var nav = ['<a class="carousel-prev" id="featured-prev" href="#"><span>prev</span></a>'];
				nav.push('<a class="carousel-next" id="featured-next" href="#"><span>next</span></a>');
				$(".featured-items").append(nav.join(''));
				
				var carouselConfig = {
					auto: {
						play: false
					},
					items: {
						visible: 3,
						minimum: 3
					},
					scroll: {
						items: 3,
						duration: 1000
					},
					prev:{
						button: "#featured-prev"
					},
					next:{
						button: "#featured-next"
					}
				};
				$("#item-container").carouFredSel(carouselConfig);
			}
		}
	}	
}