/**
 * Info
 */
var Info = Class.create({
	/**
	 * Init Info
	 */
	initialize: function(infopanels) {
		this.infopanels = infopanels;

		this.currPanel = null;
				
		var elemTab;
		//init panels
		this.infopanels.each(function(item, index) {
		  this.currPanel = item;
		    
      elemTab = item.down('.tab');
      elemTab.observe('click', this.clickTab.bind(this));
      elemTab.observe('mouseover', this.overTab.bind(this));
		}.bind(this));		
		
    // listen for ready feed
    document.observe("feed:ready", function(event) {
      // all ready so start scroll timer
      new PeriodicalExecuter(function() {
        news.scroll();
      }, 15);
    });
    
    var news = new Carousel('news', {
      container : '#container-news',
      feedheight: '84px',
      feedURL : 'feedhandler/action/FeedNews/NewsPage/'
    });
    
    document.observe('carousel:scroll:ended', function(event) {
      event.memo.carousel.container.insert({ bottom : event.memo.carousel.container.down('li') });
      event.memo.carousel.container.setStyle({'top' : 0});
      event.memo.carousel.elements = event.memo.carousel.container.select('li');	  
    });  
    
    var pub = new Carousel('pub', {
      container : '#container-pub',
      feedheight: '54px',
      feedURL : 'feedhandler/action/FeedPub/PubPage/'
    });	
	},
	
	clickTab: function(evt) {
	  // get panel
	  var elemPanel = evt.element().up('.infopanel');
	  // swap zindex
	  this.currPanel.setStyle({zIndex:5});
		elemPanel.setStyle({zIndex:6});
		// store curr
		this.currPanel = elemPanel;
	},

	overTab: function(evt) {
    evt.element().setStyle({cursor:"pointer"});  
	}	
});