theElement = 0;

var doRollOvers = function() {
	$('index_categories').getChildren('li').each(function(el){
		el.getFirst('ul').getChildren().each(function(el2){
			el2.setStyle('opacity',0);
			/*el2.get('tween',{duration:300,onComplete:function(el3){
				if (el3.getNext()) {
					el3.getNext().get('tween').start('opacity',1);	
				}
			}});*/
		});
		el.getFirst('span').setStyle('height', 0);
		el.getFirst('span').setStyle('opacity', 0);
		el.getFirst('h2').addEvent('mouseover', doFocus);
		el.addEvent('mouseleave', doCancelFocus);
	});
}

var doCancelFocus = function() {
	
	if (theElement == this) {
		theElement = 0;	
	}	
			
	this.getFirst('ul').get('tween',{duration:400,onComplete:function(e){
		e.getChildren().each(function(el2){
			el2.get('tween',{duration:0,onComplete:function(){
			
			}}).start('opacity',0);
		});
		e.getParent().getFirst('span').get('morph',{duration: 400,onComplete:function(e){

		}}).start({'opacity':0, 'height':0});
	}}).start('opacity',0);
	
}


var doFocus = function() {

	if (theElement != this.getParent()) {
		theElement = this.getParent();
		
		this.getParent().getFirst('ul').getChildren().each(function(el2){
			el2.setStyle('opacity',0);
			el2.get('tween',{duration:300,onComplete:function(el3){
				if (el3.getNext()) {
					el3.getNext().get('tween').start('opacity',1);	
				}
			}});
		});
		
		
		this.getParent().getFirst('span').get('morph',{duration: 400,onComplete:function(e){
			e.getParent().getFirst('ul').setStyle('opacity',1);												 
			e.getParent().getFirst('ul').getFirst('li').get('tween').start('opacity',1);	
		}}).start({'opacity':0.6, 'height':300});

	}
}




window.addEvent('domready', doRollOvers);