News = function(){
					var counter;
					var total;
					var data;
					
	        return {
	            init : function(){
											this.counter = 1;								
											
											var tpl = new Ext.Template(
														'<div class="news_item" id="{index}">' +
															'<img src="/images/{image}">' +
															'<div class="news_date">{date_created}</div>' +
															'<div class="news_desc">{description}</div>' +
															'<div class="news_link"><a target="_blank" href="{link_url}">{link_title}</a></div>' +
														'</div>');

											var news_view = new Ext.JsonView("news", tpl, {
													jsonRoot: "records"
											});
											
											news_view.on("beforerender", function(data) {
				
												News.total = data.getCount();
												News.data = data;
												
												data.filterBy( function(record) {									
													if (record.index == 1) return(true); else return(false);
												});
	
												
												setInterval( function(data) {																	
														News.counter++;				

														Ext.get('news').fadeOut({callback: function(){
																	News.data.filterBy( function(record) {
															
																		if (News.counter > News.total)
																			News.counter = 1;
																			
																		if (record.index == News.counter)
																			return(true);
																		else 
																			return(false);
																	});
														}});
														
														Ext.get('news').fadeIn({concurrent: false});
												}, 6000, data);

											}, this);

											news_view.load({
													url: "/news/news.php",
													params: "limit=100",
													text: "Loading News..."
											});
							}
					}
}();

Ext.onReady(News.init, News, true);