//------------------------------------------------------------------
// iotas.js - depends on 
//          - mootools.v1.11.js
//
//------------------------------------------------------------------
// 



window.addEvent('domready', function(){
        //-vertical
			
			
			var mySlide2 = new Fx.Slide('test2', {mode: 'horizontal'});
			
			$('slidein2').addEvent('click', function(e){
				e = new Event(e);
				mySlide2.slideIn();
				e.stop();
			});
			
			$('slideout2').addEvent('click', function(e){
				e = new Event(e);
				mySlide2.slideOut();
				e.stop();
			});
			
			$('toggle2').addEvent('click', function(e){
				e = new Event(e);
				mySlide2.toggle();
				e.stop();
			});
			
			$('hide2').addEvent('click', function(e){
				e = new Event(e);
				mySlide2.hide();
				e.stop();
			});
		 
		
//--horizontal
			
			var mySlide3 = new Fx.Slide('test3', {mode: 'horizontal'});
			
			$('slidein3').addEvent('click', function(e){
				e = new Event(e);
				mySlide3.slideIn();
				e.stop();
			});
			
			$('slideout3').addEvent('click', function(e){
				e = new Event(e);
				mySlide3.slideOut();
				e.stop();
			});
			
			$('toggle3').addEvent('click', function(e){
				e = new Event(e);
				mySlide3.toggle();
				e.stop();
			});
			
			$('hide3').addEvent('click', function(e){
				e = new Event(e);
				mySlide3.hide();
				e.stop();
			});
		 
				
		
var list = $$('#idList li');
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:200, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'margin-left': 5,
			'background-color': '#666',
			color: '#ff8'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'margin-left': 0,
			'background-color': '#333',
			'color': '#888'
		});
	});
 
});




});