var max_image_count = 0;
var target_num = 0;
var slide_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=0;i<$(this).find('div').length;i++){
			var link_num = obj.eq(i).find('a').attr('rel').replace(':jpg','').replace(':gif','');
			var link = obj.eq(i).find('a').attr('href');
			var navi_image = obj.eq(i).find('a').attr('rel').replace(':','.');
			var navi_rel = obj.eq(i).find('a').attr('rel');
			if(obj.eq(i).find('a').attr('target')){
				var link_target = obj.eq(i).find('a').attr('target');
			}else{
				var link_target = '';
			}
			var imgObj = $(document.createElement('img'));
			imgObj.attr('border','0');
			imgObj.attr('src','img/top/banner/'+link_num+'_b.gif');

			obj.eq(i).find('a').remove();
			obj.eq(i).append('<span style="cursor:pointer;" class="_slider_link_navi" rel="'+navi_rel+'"></span>');

			obj.eq(i).find('span._slider_link_navi').append(imgObj);
			
			var divObj = $(document.createElement('div'));
			divObj.attr('rel',i);
			divObj.css('position','absolute');

			if(i == 0 ){divObj.css('display','block');
			}else{divObj.css('display','none');}
			var imgObj = $(document.createElement('img'));

			imgObj.attr('border','0');
			imgObj.attr('src','img/top/banner/bn_'+navi_image);
			var linkObj = $(document.createElement('a'));
			linkObj.attr('href',link);

			if(link_target=='_blank'){
				linkObj.attr('target','_blank');
			}

//			linkObj.attr('target','_blank');
			linkObj.append(imgObj);
			divObj.append(linkObj);
			$(config.target).append(divObj);

			obj.eq(i).attr('rel','master:'+i);
		};
				fadeIn(target_num);

		slide_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(slide_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(){
			slide_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=master:'+target_number+']').find('img').attr('src','img/top/banner/'+$('[rel=master:'+target_number+']').find('span').attr('rel').replace(':jpg','').replace(':gif','')+'_a.gif');
			$('[rel='+target_num+']').fadeIn();
		}
		function fadeOut(target_number){
			$('[rel=master:'+target_number+']').find('img').attr('src','img/top/banner/'+$('[rel=master:'+target_number+']').find('span').attr('rel').replace(':jpg','').replace(':gif','')+'_b.gif');
			$('[rel='+target_num+']').fadeOut();
		}
	}
})(jQuery);
$(function(){
	$("#ThumbList").imageSlider({target:"#ImageList"});
});