window.addEvent('domready', function() {
	
	var pager='';
	var pageActive=-1;
	$$('ul.rokvm_categories').each(function(i,c){
		if(i.getFirst('li.active')) 
			pageActive=c;
		
		i.store('height',i.getSize().y);
		
		var myFx = new Fx.Tween(i);
		myFx.set('overflow','hidden');
		myFx.set('height',0);
		i.fade('hide');
		
		i.set('id','mnu_page_'+c);
		if(pageActive==c)
			pager+="<li class='mnu_pager active'><a href='#' rel='"+c+"'>"+(c+1)+'</a></li>';
		else
			pager+="<li class='mnu_pager'><a href='#' rel='"+c+"'>"+(c+1)+'</a></li>';
		
	});
	if(pager!='')
		pager='<span class="title">M&aacute;s categorias</span><ul>' + pager + '</ul>';
	if(pageActive==-1) pageActive=0;
	active =$('mnu_page_'+pageActive);
	if(active != null){
		active.setStyle('overflow','hidden');
		active.setStyle('height','auto');
		active.getParent().store('page_active',pageActive)
		$$("ul#mnu_page_"+pageActive + " li").each(function(il,cl){
			il.setStyle('height','auto');
		});
		active.fade('show');
	}
	
	if(pager!=''){
		pager ='<div id="mnu_pager">' + pager + "</div>";
		$('rokvm_categories_pager').set('html',pager);
		
		$$('li.mnu_pager').each(function(i,c){
			i.addEvent('click',function(){
					$$('li.mnu_pager').each(function(i2,c2){
							if(i2.hasClass('active'))
								i2.removeClass('active');
					 });
					i.addClass('active');
					el=this.getChildren('a');
					numPage =el.get('rel');
					
					p=$("mnu_page_"+numPage);
					h = p.retrieve('height');
					
					lastNumPage = p.getParent().retrieve('page_active');
					
					if(lastNumPage!=numPage){
						currPage = $("mnu_page_"+lastNumPage);
						$$("ul#mnu_page_"+numPage + " li").each(function(il,cl){
							il.setStyle('height','auto');
						});
						
						//var myFx1 =new Fx.Tween(currPage);
						currPage.setStyle('height','0px');
						currPage.setStyle('margin-top','0px');
						currPage.fade('hide');
						
						//var myFx = new Fx.Tween(p);
						//myFx.set('height',h);
						p.setStyle('height','auto');
						p.setStyle('margin-top','0px');
						p.fade('show');
						
						p.getParent().store('page_active',numPage)
					}
					return false;
			})
			
		});
		
	}

	Scroller.implement(new Options);

	var scroll= new Fx.Scroll('vmsc_subcontainer',{ wait: true,
		duration: 1500,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut}
	);
	$('vmsc_subcontainer').store('scroll',scroll);
	$('vmsc_subcontainer').store('i',1);

	$$('.vmsc_hover').each(function(el) { 
		el.fade('hide');
	});
	
	$$('.vmsc_hover').each(	function(e,count) { 
		$(e).getParent().addEvent('mouseover',function(e){
			var el=this.getElement('div');
			var fade =el.retrieve('fade');
			if(fade!=null)
				fade.cancel();
			else
				fade =new Fx.Tween(el,{duration:'normal', link:'cancel'});
			el.store('fade',fade)
			//fade.setOptions({duration:'long'});
			fade.start('opacity',1)
		});
		
		$(e).getParent().addEvent('mouseleave',function(e){
			var el=this.getElement('div');
			var fade =el.retrieve('fade');
			if(fade!=null){
				fade.cancel();
				//fade.setOptions({duration:'long'});
				fade.start('opacity',0);
			}
			new Event(e).stop();
		});
		
		$(e).getParent().addEvent('mousedown',function(){
			var el=this.getElement('div');
			el.retrieve('fade').cancel();
			var fade=el.retrieve('fade');
			
			el.fade('hide');
			el.addClass('vmsc_active');
			
			fade.start('opacity',1);
			var i=0;
			if(this.hasClass('vmsc_arrowl') )
				i=$('vmsc_subcontainer').retrieve('i')-1;
			else
				i=$('vmsc_subcontainer').retrieve('i')+1;
			var elem='vmsc_sec'+i.toString();
			if($(elem)==null){
				if(i<=1)
					scroll.scrollTo(0,$("vmsc_sec1").getPosition().y);
				return;
			}
			
			
			scroll.start((i-1)*240,$(elem).getPosition().y);
			$('vmsc_subcontainer').store('i',i);

		});
		
		$(e).getParent().addEvent('mouseup',function(){
			var el=this.getElement('div');
			var fade=el.retrieve('fade');
			
			el.removeClass('vmsc_active');
			//fade.setOptions({duration:'short'});
			fade.start('opacity',1);
		});
		
	});
});