var MenuSlider = new Class({
	Implements: Options,
	options: {
				'idUl': null,
				'idSlide': null				
			 },
    selected: null,
	slider: null,
	container: null,
	initialize: function(opt){
		this.setOptions(opt);
		var m = $(this.options.idUl);
		var error = 'No existe el elemento {e}';
		this.slider = $(this.options.idSlide);
		if(m == null){ console.log(error.substitute({e:this.options.idUl})); return};
		if(this.slider == null){ console.log(error.substitute({e:this.options.idSlider})); return};		
		this.slider.store('es',new Fx.Tween(this.slider, {'duration':400,'property':'width','link':'cancel'}));
		this.slider.store('ep',new Fx.Tween(this.slider, {'duration':350,'property':'left','link':'cancel','transition':'sine:in'}));
		this.container = m.getParent();
		m.getChildren('li').each(function(e,i,a){
			if(e.get('id')=='current'){	
				this.selected=e; 
				this.slider.setStyle('width',e.getSize().x); 
				this.slider.setStyle('height',e.getSize().y); 
				this.slider.setStyle('left',e.getPosition(this.container).x);
			}
			e.addEvent('mouseover',this.mover.pass(e,this));
			e.addEvent('mouseout',this.regresar.pass(e,this));
		},this);
	},
	mover: function(e){
		this.slider.retrieve('ep').start(e.getPosition(this.container).x);
		this.slider.retrieve('es').start(e.getSize().x);
	},
	regresar: function(){
		if(this.selected==null){
			this.slider.retrieve('ep').start(0);
			this.slider.retrieve('es').start(0);			
		}else{
			this.slider.retrieve('ep').start(this.selected.getPosition(this.container).x);
			this.slider.retrieve('es').start(this.selected.getSize().x);
		}
	}
});

window.addEvent('load',function(){															
	var e = new Element('div',{'id':'div_slide'});
	$('menu_cont').adopt(e);
	new MenuSlider({ 'idUl': 'menu_desliz',	'idSlide': 'div_slide' });
	
	$$('#topr img').each(function(e){
		e.addEvents(
			{
				'mouseover':function(){
					this.set('src',this.get('src').replace('.gif','_over.gif'));
				},
				'mouseout':function(){
					this.set('src',this.get('src').replace('_over',''));
				}
			}
		);
	});
	
	$$('#foter .search .button').each(function(e){e.set('value',''); e.addEvents({'mouseover':function(){this.setStyle('background-image',this.getStyle('background-image').replace('.gif','_over.gif'));},'mouseout':function(){this.setStyle('background-image',this.getStyle('background-image').replace('_over.gif','.gif'));}}); });
	$$('#rss_icon','#twitter_icon','.unete').each(function(e){e.addEvents({'mouseover':function(){this.setStyle('background-image',this.getStyle('background-image').replace('.gif','_over.gif'));},'mouseout':function(){this.setStyle('background-image',this.getStyle('background-image').replace('_over.gif','.gif'));}}); });
	
});

