$(document).addEvent('domready', function () {
			function pages(){
				var pages = $('feat-spinlet-pages').getElements('.feat-spinlet-page');
				hotBox(pages);
			}			
			
			try{
				pages();
			}
			catch(err)
			{
				escape;
			}
			function hotBox(pages){
			if (pages.length > 1) {
				var leftArrow = null;
				var rightArrow = null;

				var pageIndex = 0;

				for (var i =  1; i < pages.length; i++) {
					pages[i].setStyle('left', '100%');
				}
				leftArrow = $('feat-spinlet-lt-arrow');
				rightArrow = $('feat-spinlet-rt-arrow');

				leftArrow.setStyle('display', 'block');
				rightArrow.setStyle('display', 'block');

				leftArrow.addEvent('click', function (e) {

					var fx = new Fx.Tween(pages[pageIndex], {'unit':'%'});
					fx.set('left', 0);
					fx.start('left', 100);

					pageIndex = pageIndex - 1 >= 0 ? pageIndex - 1 : pages.length - 1;

					var fx = new Fx.Tween(pages[pageIndex], {'unit':'%'});
					fx.set('left', -100);
					fx.start('left', 0);

				}.bindWithEvent(leftArrow))

				rightArrow.addEvent('click', function (e) {
					var fx = new Fx.Tween(pages[pageIndex], {'unit':'%'});
					fx.set('left', 0);
					fx.start('left', -100);

					pageIndex = pageIndex + 1 < pages.length ? pageIndex + 1 : 0;

					var fx = new Fx.Tween(pages[pageIndex], {'unit':'%'});
					fx.set('left', 100);
					fx.start('left', 0);


				}.bindWithEvent(rightArrow))

			}
			}
			

		});