var fmtItem = function(imgUrl,title, surl, url, index) {
	
	var innerHTML = '<table width="100%"  border="0" cellpadding="2" cellspacing="0" class="bk12"><tr><td align="center"><a href="list-info.php?p_id=' + url + '" class="word-red-tit"><img src="' + imgUrl + '" width="82" height="109" border="0"></a></td></tr><tr><td align="center"><strong  class="bk11">WEDDING STYLIST</strong><span class="pk12"><a href="list-info.php?p_id=' + url + '" class="pk12">' + title + '</a></span></td></tr><tr><td align="right">' + surl + '</td></tr></table>';
	//var innerHTML = '<a id="dhtml-carousel-a-'+index+'" href="' + url + '"><img id="dhtml-carousel-img-' + index + '" src="' + imgUrl + '"/>' + title + '<\/a>';
	return innerHTML;
};
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);
	}
};
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) {
  for(var i=start;i<=last;i++) {
    var liItem = carousel.addItem(i, fmtItem(imageList[i][3] ,imageList[i][2], imageList[i][1], imageList[i][0], i));
  }
}
var carousel;
