var max_image_count = 0;
var target_num = 0;
var interval_id = "";
(function(){
	jQuery.fn.imageSlider = function(config){
		config = jQuery.extend({  
			sleep:4000,
			target:"#hoge",
			all:true
		},config);
		max_image_count = $(this).find('div').length;
		var obj = $(this).find('div');
		for(i=1;i<$(this).find('div').length;i++){
			var divObj = $(document.createElement('div'));
			divObj.attr('rel',i);
			divObj.css('position','absolute');
			divObj.css('display','none');
//			divObj.animate({opacity: 0,}, 0 );
			divObj.append(obj.eq(i).html());
			$(config.target).append(divObj);
			obj.eq(i).attr('rel','master:'+i);
		};
		var divObj = $(document.createElement('div'));
		divObj.attr('rel',0);
		divObj.css('position','absolute');
		$(config.target).append(divObj.append(obj.eq(0).html()));
		obj.eq(0).attr('rel','master:0');
		obj.find('a').attr('href','javascript:void(0)');

		interval_id = setInterval(
			function(){
				fadeOut(target_num);
				target_num++;
				target_num = target_num % max_image_count;
				fadeIn(target_num);
			},
			config.sleep);
		$(this).find('div').mouseover(function(){
			clearInterval(interval_id);
			if(target_num != $(this).attr('rel').slice(7)){
				fadeOut(target_num);
				target_num = $(this).attr('rel').slice(7);
				fadeIn(target_num);
			}
		});
		$(this).find('div').mouseout(function(){
			interval_id = setInterval(
				function(){
					fadeOut(target_num);
					target_num++;
					target_num = target_num % max_image_count;
					fadeIn(target_num);
				},
				config.sleep);
		});


		function fadeIn(target_number){
			$('[rel='+target_num+']').fadeIn();
			//$('[rel='+target_num+']').animate({opacity: 1,}, 1500 );
		}
		function fadeOut(target_number){
			$('[rel='+target_num+']').fadeOut();
			//$('[rel='+target_num+']').animate({ opacity: 0,}, 1500 );
		}
	}
})(jQuery);
$(function(){
	$("#ThumbList").imageSlider({target:"#ImageList"});
});