var banners = [
		{	
			"src":'img/banner/interior.jpg',
			"caption":'Interior Design',
			"alt":'Designers Guild, Zephirine',
			"url":'interior-design.shtml'
		},
		{	
			"src":'img/banner/fabrics.jpg',
			"caption":'Fabrics & Wallpapers',
			"alt":'Sanderson, Folia',
			"url":'fabrics-wallpapers.shtml'
		},
		{	
			"src":'img/banner/paint.jpg',
			"caption":'Sanderson Paint',
			"alt":'Sanderson paint',
			"url":'sanderson-paint.shtml'
		},
		{	
			"src":'img/banner/carpets.jpg',
			"caption":'Carpets & Floorings',
			"alt":'Karndean, Art select, Hickory Peppercorn',
			"url":'carpets-floorings.shtml'
		},
		{	
			"src":'img/banner/curtains.jpg',
			"caption":'Curtains & Blinds',
			"alt":'Romo, Samsara Carmine',
			"url":'curtains-blinds.shtml'
		},
		{	
			"src":'img/banner/upholstery.jpg',
			"caption":'Upholstery',
			"alt":'David Knight Collection, Christina High Arm sofa',
			"url":'upholstery.shtml'
		},
		{	
			"src":'img/banner/cabinet.jpg',
			"caption":'Cabinet Furniture',
			"alt":'Titchmarsh & Goodwin, English Oak Farmhouse Kitchen table',
			"url":'cabinet-furniture.shtml'
		}
];

var glow;

gloader.load( ["glow", "1", "glow.dom", "glow.anim"], {
	onLoad: function ( g ) {
		 glow = g;

		 glow.ready( function () {
		 	var picDuration = 5;
		 	var captionDuration = picDuration / 2;
		 	
		 	var pic1 = glow.dom.get('#carousel .pic1');
		 	var pic0 = glow.dom.create('<div class="pic0"><a href=""><img src="" alt="" width="800" height="320" border="0"></a></div>');
			pic0.css('opacity',0);
			
			pic1.before(pic0); 	
		 		
		 	var caption = glow.dom.get('#caption');
			var captionLink = glow.dom.get('#caption a');
		 	var captionCredit = glow.dom.get('#caption .credit');
		 	
		 	var i = 1;
		 	
		 	function switchPics() {
				var back, front;
				if (pic0.css('opacity') == 0) {
					back = pic0;
					front = pic1;
				} else {
					back = pic1;
					front = pic0;
				}

		 		back.get('img').attr('src', banners[i].src);
		 		back.get('img').attr('alt', banners[i].alt);

		 		var fadeIn = glow.anim.css(back, picDuration, {"opacity": {to:1}});
				fadeIn.start();
				
				var fadeOut = glow.anim.css(front, picDuration, {"opacity": {to:0}});
				fadeOut.start();
				
				var captionDown = glow.anim.css(caption, captionDuration, {"top": {to:'320px'}},{tween: glow.tweens.easeIn()});
				var captionUp = glow.anim.css(caption, captionDuration, {"top": {from:'320px', to:'275px'}},{tween: glow.tweens.easeOut()});
				
				captionDown.start();
				glow.events.addListener(captionDown, "complete", function() {
					captionLink.text(banners[i].caption);
					captionLink.attr('href', banners[i].url);
					back.get("a").attr('href', banners[i].url);
					captionCredit.text("Image: " + banners[i].alt);
					
					//http://www.satzansatz.de/cssd/onhavinglayout.html
					caption.css('zoom',1);
					caption.css('zoom',0);

					captionUp.start();
				});
				
						
				glow.events.addListener(fadeOut, "complete", function() {
					front.css('z-index', 0);
					back.css('z-index', 1);
					i++;
					if (i==banners.length) i = 0;
		 			setTimeout ( switchPics, 3000 );
				});
		 	}
		 	
			//switchPics();
		 	setTimeout ( switchPics, 3000 );
	  });
	}
});