function initScroller(ele) {

	var l = ele.find(".list-item-image .items .image").length
	var self = this

	if(l>1) {
		var target =  '.top .left';
		ele.find(".list-item-image").eq(0).scrollable({
		     // default size is 5
		    size: 1,
		    vertical : true,
		    onSeek: function(p) {

						ele.find(target+' .menu li.active').removeClass('active')
						ele.find(target+' .menu li').eq(p).addClass('active')
		    }
		})


		var sMenu = '<ul>'
		for(var i = 0; i < l; i++) {
			sMenu += '<li page="'+i+'">&nbsp;</li>'
		}
		sMenu += '</ul>'

		ele.find(target).prepend('<div class="menu">'+sMenu+'</div>')
		ele.find(target+' .menu li:eq(0)').addClass('active')
		ele.find(target+' .menu li').click(function() {
			var p = (jQuery(this).attr('page'))
			//alert(ele.find(".list-item-image").scrollable().seekTo)
			ele.find(".list-item-image").scrollable().seekTo(p)
			//ele.find(".list-item-image").scrollable('seekTo',p)
		})

		ele.find(target+'.menu li').eq(0).addClass('active')

	}
}
jQuery(document).ready(function(){
	jQuery(".list-item").each(function() {
		initScroller(jQuery(this))
	})
})