Ext.onReady(function(){
   
    var menuelements = Ext.select(".headlineplayer .menu a");
    var elements = Ext.select(".headlineplayer .headline");
    elements.item(0).show();
    
    var index = 0;

    if (elements.getCount() > 0) {
	    var intervalTime = 6000;    
	    var intervalId = setInterval(forward, intervalTime);
    }
    
    function forward() {
        index++;
        if (index >= elements.getCount()) {
            index = 0;
        }
        
        menuelements.removeClass('active')
        menuelements.item(index).addClass('active');   
        
        elements.hide();
        elements.item(index).show();    
    }
    
    menuelements.on('mouseenter', function(e){
        e.stopEvent();
        
        clearInterval(intervalId); 
                
        var menuelement = Ext.get(e.getTarget('a'));
        menuelements.removeClass('active');
        menuelement.addClass('active');
        
        index = menuelements.indexOf(menuelement);
        
        elements.hide();
        elements.item(index).show();    
    });
    
    menuelements.on('mouseout', function(e){
        clearInterval(intervalId);
        intervalId = setInterval(forward, intervalTime);
    });
    
});