Ext.namespace('uravo');

function initDateCarousel() {
    var prev = Ext.get('date_nav_prev');
    var next = Ext.get('date_nav_next');    	
    prev.appendChild(Ext.DomQuery.selectNode('#year_slider .ux-carousel-nav-prev'));
    next.appendChild(Ext.DomQuery.selectNode('#year_slider .ux-carousel-nav-next'));    
}

function initPosterCarousel() {
    var prev = Ext.get('poster_nav_prev');
    var next = Ext.get('poster_nav_next');    	
    prev.appendChild(Ext.DomQuery.selectNode('#poster_slider .ux-carousel-nav-prev'));    	
    next.appendChild(Ext.DomQuery.selectNode('#poster_slider .ux-carousel-nav-next'));
    prev.first().addClass('carousel_button_left');
    next.first().addClass('carousel_button_right');
}

uravo.bannerUpdate = function() {
	
}

Ext.onReady(function() {
	Ext.Ajax.request({
		url: '/js/dynamic_data.js',
		method: 'GET',
		success: function(response, opts) {
			uravo.data = Ext.decode(response.responseText);
			var banner = Ext.select('.story_pic_image').elements[0];
			var adv = uravo.data['advs'][Math.round(Math.random()*6)];
			banner.src = '/banners/' + adv['img'];
			banner.parentNode.href = adv['url'];
			Ext.fly(banner).fadeIn();
		}, failure: function() {
			
		}		
	});
	
    new Ext.ux.Menu('menu', {
    	transitionType: 'slide',
    	direction: 'horizontal',
        delay: 0.2,
        autoWidth: true,
        transitionDuration: 0.3,
        animate: true,
        currentClass: 'current'
    });
    
    new Ext.ux.Carousel('year_slider', {
        itemSelector: 'div.item',
        autoPlay: false,
        showPlayButton: false,
        transitionType: 'carousel'
    });
    
    new Ext.ux.Carousel('poster_slider', {
        itemSelector: 'div.item',
        autoPlay: false,
        showPlayButton: false,
        transitionType: 'carousel'
    });        
    initDateCarousel();
    initPosterCarousel();        
    Ext.get('year_slider').fadeIn();
    Ext.get('menuwrap').fadeIn();
    Ext.get('year_slider').select('.ux-carousel-nav').hide();
    Ext.get('poster_slider').select('.ux-carousel-nav').hide();
    
    /*
    new Ext.ux.Media.Flash({
    	mediaCfg:{
    		url: '/img/banners/brejnev.swf',
    		id: 'brejnev_banner',
    		style: {display:'inline', width:'240px',height:'400px'},
    		start: true,
    		loop: true,
    		controls: false,
    		params: {
    			wmode     :'transparent',
    			scale     :'exactfit'
    			//salign    :'t'
    		}
    }});
    */
    
    Ext.each(Ext.select('.anim').elements, function(item) {
    	//console.dir(item);
    	/*
    	item.addListener('mouseover', function() {    		
    		this.animate({
    	        borderWidth: {to: 3, from: 0},
    	        opacity: {to: .3, from: 1},
    	        height: {to: 50, from: this.getHeight()},
    	        width: {to: 300, from: this.getWidth()},
    	        top  : {by: - 100, unit: 'px'}
    		},    	    
    		0.35,      
    	    null,      
    	    'easeOut', 
    	    'run');
    	});
    	*/    	
    });    
    
});