Ext.onReady(
	function()
	{
		/*new Ext.ux.Menu('mainmenu',
		{
			transitionType: 'slide',
            direction: 'horizontal', // default
            delay: 0.2,              // default
            autoWidth: true,         // default
            transitionDuration: 0.3, // default
            animate: true,           // default
            currentClass: 'current'  // default
        });*/

        var carousel = new Ext.ux.Carousel('noticias', {
                        itemSelector: 'div.carousel-item',
                        interval: 3,
                        autoPlay: true,
                        transitionType: 'fade',
                        hideNavigation: true,
                        freezeOnHover: true
                    });
		
		var shortcuts = Ext.query('#carousel-navigation-shortcuts > img');
		
		Ext.fly('carousel-navigation-shortcuts').on('click', function() {
                        var index = shortcuts.indexOf(this.dom);
                        carousel.pause();
                        /*Ext.fly('nav-pause').radioClass('nav-hide');*/
                        carousel.setSlide(index);
                    }, null, {delegate: 'img'});
                    
                    carousel.on('change', function(slide, index) {
                        var shortcut = Ext.get(shortcuts[index]),
                            arrow = Ext.get('carousel-navigation-arrow');
                            
                        shortcut.radioClass('active');
                        var left = shortcut.getOffsetsTo('carousel-navigation')[0] + (shortcut.getWidth()/2) - (arrow.getWidth()/2);
                        arrow.setLeft(left + 'px');
                    });



})