$(document).ready(function() {
			var defaultOpts = {
			interval: 5000,
			fadeInTime: 300,
			fadeOutTime: 200
		};
		//Iterate over the current set of matched elements
		var _titles = $("ul.op li");
		var _titles_bg = $("ul.slide-txt li");
		var _bodies = $("ul.slide-pic li");
		var _count = _titles.length;
		var _current = 0;
		var _intervalID = null;
		var stop = function() {
			window.clearInterval(_intervalID);
		};
		var slide = function(opts) {
			if (opts) {
				_current = opts.current || 0;
			} else {
				_current = (_current >= (_count - 1)) ? 0 : (++_current);
			};
			_bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime,
			function() {
				_bodies.eq(_current).fadeIn(defaultOpts.fadeInTime);
				_bodies.removeClass("cur").eq(_current).addClass("cur");
			});
			_titles.removeClass("cur").eq(_current).addClass("cur");
			_titles_bg.removeClass("cur").eq(_current).addClass("cur");
		}; //endof slide
		var go = function() {
			stop();
			_intervalID = window.setInterval(function() {
				slide();
			},
			defaultOpts.interval);
		}; //endof go
		var itemMouseOver = function(target, items) {
			stop();
			var i = $.inArray(target, items);
			slide({
				current: i
			});
		}; //endof itemMouseOver
		_titles.hover(function() {
			if ($(this).attr('class') != 'cur') {
				itemMouseOver(this, _titles);
			} else {
				stop();
			}
		},
		go);
		//_titles_bg.hover(function() { itemMouseOver(this, _titles_bg); }, go);
		_bodies.hover(stop, go);
		//trigger the slidebox
		go();
});
