var nextImageHover = function(elm){
	var lastImg = elm.find('img').first()
		curr = 1,
		interval = 0,
		itemSize = elm.find('img').size();
	
	// show first image
	lastImg
		.css('display', 'block')
		.addClass('on');
	
	// hover effect here
	elm.hover(function(){
		interval = setInterval(function(){
			var to = elm.find('img.on').index() + 1;
			
			if(to > (itemSize - 1)){
				to = 0;
			}
			elm.find('img.on').removeClass('on');
			elm.find('img')
				.css('display', 'none')
				.eq(to)
					.css('display', 'block')
					.addClass('on');
				curr++;
		}, 850);
		
	}, function(){
		clearInterval(interval);
	});
};