// sett the style  dimension  to the corusel
var fmtItem = function(newsItem) {
  	var innerHTML = '<a href="' + newsItem.url + '">' + newsItem.title + '</a>';
   	return innerHTML;
}
var handleNextButtonState = function(type, args) {
	var enabling = args[0];
	var upImage = args[1];
	
	if(enabling) {
		//upImage.src = "image/prev_2_enabled.gif";
	} else {
		//upImage.src = "image/right-enabled.gif";
	}
	
	
}
var handlePrevButtonState = function(type, args) {
	var enabling = args[0];
	var upImage = args[1];
	
	
	if(enabling) {
		//upImage.src = "image/prev_2_enabled.gif";
	} else {
		//upImage.src = "image/left-enabled_up.gif";
	}
	
}
var loadPrevItems = function(type, args) {
	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached) {
		load(this, start, last);
	}
}     
var load = function(carousel, start, last) {
    var oi=DomObj.getElementsByClassName('carousel-list','ul')
    DomObj.setStyle(oi,'width','10000px')
	for(var i=start;i<=last;i++) {
		carousel.addItem(i, fmtItem(newsArticleList[i-1]));
	}
}
var loadInitialItems = function(type, args) {

	var start = args[0];
	var last = args[1]; 

	load(this, start, last);	
};
var loadNextItems = function(type, args) {	
	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	if(!alreadyCached) {
		load(this, start, last);
	}
}