if($.fn.jCarouselLite){
	$.fn.jCarouselLite.myoptions = {
			selector: '#carousel',
			defaultImg: 'img.gif',
			options: {
				btnNext:'#btnNext',
				btnPrev:'#btnPrev',
				scroll:2,
				circular: false,
				loadDelay: 1000,
				loadingImg: 'loading.gif'
			},			
			getHTMLFunction: function(item, index){return getItemHTML(item, index)}
	};
}
function getCarousel(carousel, opt){
	opt = $.extend($.fn.jCarouselLite.myoptions, (opt || {}));
	carousel= carousel || [];
	if(opt.selector !=$.fn.jCarouselLite.myoptions.selector){
		opt.options.btnNext += ('_' + opt.selector);
		opt.options.btnPrev += ('_' + opt.selector);
	}
	var html = ['<ul>'];
	for(var i in carousel){
		html.push('<li>' + opt.getHTMLFunction(carousel[i], i, opt.defaultImg) + '</li>');	
	}	
	html.push('</ul>');
	return {sett: opt, html:html.join('')};
}

function getItemHTML(item, index, defaultImg){
	var title = (item.title || ('Item ' + index));
	return '<img src="' + (item.src || defaultImg || 'img.gif') + '" height="100" width="100" alt="' + title + '" title="' + title + '" />';
};

function makeCarousel(carousel, options){
	if(carousel){
		var opt = $.extend(true,{},$.fn.jCarouselLite.myoptions, options || {});
		var me = getCarousel(carousel, opt);
		//		$(opt.selector).html(me.html).jCarouselLite(opt.options);
		var imgToLoad = [];
		var $carousel = $(opt.selector).html(me.html).jCarouselLite(opt.options);
		
		$('img', $carousel).each(function(){
			opt.visible = opt.visible ||0;
			for(var i=0; i<opt.visible;i++){
				return;
			}		
			$this = $(this);		
			$this.attr('original_src', $this.attr('src'));
			$this.attr('src',opt.loadingImg);
			imgToLoad.push($this);
			$(window).load(function(){
					var elem;
					for(var ii =0;ii<imgToLoad.length;ii++){
						elem = imgToLoad[ii];
						elem.attr('src',elem.attr('original_src'));
						delete elem;
					}
				}
			)
		});
	}
}