// JavaScript Document

// ここをプラグインとして外部ファイルに保存して   
jQuery(function() {   
	jQuery.fn.slide = function(config) {   

		// 引数がない場合のデフォルト値の設定   
		config = $.extend({   
			loopSpeed: 5000,   
			slideSpeed: 500   
		}, config);   

		var _element = this;   
		var _width = _element.parent().css("width");   
		var _numberOfElements = _element.size() - 1;   
		var _count = 0;

		_element.eq(_count).css("left", "0px");   

/*
		setInterval(function() {   
			_element.eq(_count).animate({   
				left: "-" + _width   
			}, config.slideSpeed, function() {   
				$(this).css("left", _width);
			});   

			if (_count == _numberOfElements) {   
				_count = 0;   
			} else {   
				_count++;   
			}   

			_element.eq(_count).animate({   
				left: "0px"  
			}, config.slideSpeed);   
		}, config.loopSpeed);
		*/
		setMove();
		
		function setMove(){
			setTimeout(function() {
				_element.eq(_count).animate({   
					left: "+" + _width   
				}, config.slideSpeed, function() {   
					//$(this).css("left", _width);
					$(this).css("left", "-" + _width);
					setMove();
				});   
	
				if (_count == _numberOfElements) {   
					_count = 0;   
				} else {   
					_count++;   
				}
	
				_element.eq(_count).animate({   
					left: "0px"  
				}, config.slideSpeed);   
			}, config.loopSpeed);
		}
	}   
});

// この様にして使用する   
jQuery(document).ready(function(){
	jQuery("div.slideshow div").slide({   
		loopSpeed: 5000, 
		slideSpeed: 700
	});   
});