// javascript document
$(function() {
var width=300;//每个图片宽度
var movement_speed=500;//滚动速度
var movement_time=3000;//滚动间隔时间

var slidex = {
	thisul: $('.mid ul'),
	btnleft: $('.left'),
	btnright: $('.right'),
	thisli: $('.mid ul li'),
	init: function () {
		slidex.thisul.width(slidex.thisli.length * width);
		slidex.slideauto();
		slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop, slidex.slideauto);
		slidex.btnright.click(slidex.slideright).hover(slidex.slidestop, slidex.slideauto);
		slidex.thisul.hover(slidex.slidestop, slidex.slideauto);
	},
	slideleft: function () {
		slidex.btnleft.unbind('click', slidex.slideleft);
		slidex.thisul.find('li:last').prependto(slidex.thisul);
		slidex.thisul.css('marginleft', 0-width);
		slidex.thisul.animate({ 'marginleft': 0 }, movement_speed, function () {
			slidex.btnleft.bind('click', slidex.slideleft);
		});
		return false;
	},
	slideright: function () {
		slidex.btnright.unbind('click', slidex.slideright);
		slidex.thisul.animate({ 'marginleft': 0-width}, movement_speed, function () {
			slidex.thisul.css('marginleft', '0');
			slidex.thisul.find('li:first').appendto(slidex.thisul);
			slidex.btnright.bind('click', slidex.slideright);
		});
		return false;
	},
	slideauto: function () {
		slidex.intervalid = window.setinterval(slidex.slideright, movement_time);
	},
	slidestop: function () {
		window.clearinterval(slidex.intervalid);
	}
}
$(document).ready(function () {
	slidex.init();
})
})