window.addEvent('domready',function(){
	
	var handBox = new Element('div',{'id':'handBox'}).inject('cont1');
	var slideBox = new Element('div',{'id':'slideBox'}).inject('cont2');
	var overlay = new Element('div',{'id':'overlay'}).injectAfter('cont2');
	var handles = $$('h2');
	handles.each(function(el){
		el.getNext().inject(slideBox).getFirst();
		el.inject(handBox);
	});

	var slide = new noobSlide({
		box: slideBox,
		items: [0,1,2,3],
		handles: handles,
		mode: 'vertical',
		fxOptions: {transition: Fx.Transitions.Circ.easeIn},
		size: 296,
		onWalk: function(item,handle){
			this.handles.removeClass('active');
			handle.addClass('active');
		},
		startItem: 1
	}).walk(0);
	
	var logo = $E('h1').setOpacity(.9);
	logo.addEvents({
		mouseenter: function(){this.fx.start(1)},
		mouseleave: function(){this.fx.start(.9)}
	}).fx = new Fx.Style(logo,'opacity');

});