// JavaScript Document
window.addEvent('domready', function() {

	var container = $('newsitems');
	var pageid = $('global_pageid');
	var pagenum = $('global_pagenum');

	var _showMoreNews = function()
	{
	  var request =  new Request.JSON({
	  method: 'post',
	  url: '/remoting/getItems.php',
		  onRequest: function() {
				  $('showmore_btn').empty();
				  $('showmore_btn').innerHTML = 'Loading..';
		  },
		  onComplete: function(details){
			  $('showmore_btn').empty();
			  $('showmore_btn').innerHTML = 'Show more';
			  formatHTML(details);
		  }
	  }).send('pageid='+pageid.value+'&pagenum='+pagenum.value+'&imgprefix=long_&limit=4&orderby=date_itm DESC');
	}
  
	var formatHTML = function(details)
	{				
		if(details != null) {
			var count = 0;
			  details.each(function(detail) 
			  {		
			  	
				var html  = '<div class="feat_news_container" id="feature'+count+'" url="'+detail.link+'" title="'+detail.title+'">';
					html += '<div class="feat_news_placeholder">';
					html += '<div class="feat_news_img"><img src="'+detail.img+'" width="373" height="122" alt="'+detail.title+'" /></div>';
					html += '</div>';
					html += '<div class="feat_news_bottom">';
					html += '<div class="feat_news_head"><h3>'+detail.title+'</h3></div>';
					html += '<div class="feat_news_desc">'+detail.body+'</div>';
					html += '</div>';  
					html += '<div class="feat_news_morebtn"><div class="right">more</div></div>';
					html += '</div>';
							
				container.innerHTML = container.innerHTML+html;
				
				var display = (detail.lastpage==(parseInt(pagenum.value)+1))? "none" : "block";
				$('showmore_btn').setStyle('display',display);
				count++;
			  });
		}
		pagenum.value = parseInt(pagenum.value)+1;
		initNewsEvents();
	}
	
	$('showmore_btn').addEvents({
		'click': _showMoreNews
		});
		
	_showMoreNews();

});