window.addEvent('domready',function(){

			//header
			new viewer($$('#headerbox img)'),{
				mode: 'alpha',
				interval: 6000
			}).play(true);

			//slide content
			var nS4 = new noobSlide({
				box: $('contentbox'),
				mode: 'vertical',
				items: $$('#contentbox div'),
				size: 360,
				handles: $$('#handles4 span'),
				fxOptions: {
					duration: 1000,
					transition: Fx.Transitions.Back.easeOut,
					wait: false
				},
				onWalk: function(currentItem,currentHandle){
					this.handles.removeClass('active');
					currentHandle.addClass('active');
				}
			});

			//slide subcontent 1
			var nS5 = new noobSlide({
				box: $('subcontentbox1'),
				items: $$('#subcontentbox1 div'),
				size: 590,
				handles: $$('#handles5 span'),
				fxOptions: {
					duration: 1000,
					transition: Fx.Transitions.Back.easeOut,
					wait: false
				},
				onWalk: function(currentItem,currentHandle){
					this.handles.removeClass('active');
					currentHandle.addClass('active');
				}
			});

			//slide subcontent 2
			var nS6 = new noobSlide({
				box: $('subcontentbox2'),
				items: $$('#subcontentbox2 div'),
				size: 590,
				handles: $$('#handles6 span'),
				fxOptions: {
					duration: 1000,
					transition: Fx.Transitions.Back.easeOut,
					wait: false
				},
				onWalk: function(currentItem,currentHandle){
					this.handles.removeClass('active');
					currentHandle.addClass('active');
				}
			});

			//slide subcontent 3
			var nS7 = new noobSlide({
				box: $('subcontentbox3'),
				items: $$('#subcontentbox3 div'),
				size: 590,
				handles: $$('#handles7 span'),
				fxOptions: {
					duration: 1000,
					transition: Fx.Transitions.Back.easeOut,
					wait: false
				},
				onWalk: function(currentItem,currentHandle){
					this.handles.removeClass('active');
					currentHandle.addClass('active');
				}
			});

		});