http://www.ujeil.com/script/mosaic.js?ver=11

1function mosaic_autobox(data) {
2	var $_container		= $(data[0].container);
3	var autoplay		= data[0].autoplay;
4	var autotime		= data[0].autotime;
5	var temp_autoplay	= autoplay;
6	var totalcount		= $_container.find('ul.auto-nav > li').length;
7	var point			= 0;
8	
9	$_container.on('mouseenter', '.auto-cursor', function(e){
10		mosaic_cmd('current', $(this).index());
11	});
12
13	$_container.on('mouseenter', function(e){
14		if(autoplay) temp_autoplay = false;
15	}).on('mouseleave', function(e){
16		if(autoplay) temp_autoplay = true;
17	});
18
19	if(autoplay) {
20		var rolling = window.setInterval(function () {
21			if(temp_autoplay) mosaic_cmd('next', 0);
22		}, autotime);
23	}
24
25	function mosaic_cmd(mode, current_point) {
26		
27		if(mode == "prev") {
28			point -= 1;
29			if(point < 0) point = totalcount - 1;
30		}else if(mode == "next") {
31			point += 1;
32			if(point >= totalcount) point = 0;
33		}else if(mode == "current") {
34			point = current_point;
35		}
36
37		$_container.find('ul.auto-container > li').eq(point).show().siblings().hide();
38		$_container.find('ul.auto-nav > li').eq(point).addClass('active').siblings().removeClass('active');
39
40		if(point < 2){
41			$_container.find('ul.auto-container').css({"left":"33.333333%","top":"33.333333%"});
42		} else if(point < 4 && point >= 2) {
43			$_container.find('ul.auto-container').css({"left":"0px","top":"33.333333%"});
44		} else if(point < 6 && point >= 4) {
45			$_container.find('ul.auto-container').css({"left":"0px","top":"0px"});
46		} else if(point >= 6) {
47			$_container.find('ul.auto-container').css({"left":"33.333333%","top":"0px"});
48		}
49
50		return false;
51	}
52}