// JavaScript Document
;(function(){
	$.fn.showImage=function(){
		return this.each(function(index,element){
			$.showImage.init(element);
		});
	}
	$.showImage={
		index:0,
		size:0,
		ul:null,
		element:null,
		
		init:function(element){
			var self=this;
			self.element=element;
			var $element=$(self.element);			
			self.size=$(element).find(".playList").children("a").size();
			$("#playinfo").html($(".playList a").first().find("img").attr('alt'));
			$element.find(".playList").children("a").not($(":first-child")).hide();			
			self.setList();
		},
		setList:function(){
			var self=this;
			var $ul=self.ul=$('<ul>').appendTo($(self.element));
			for(var i=1;i<=this.size;i++){
				$('<li>').html(i).appendTo($ul);					
			}
			$ul.find("li").first().addClass("hover");
			
			
			$ul.find("li").hover(function(){
				self.element=$(this).parent().parent();				
				self.index=$(this).parent().children("li").index(this);				
				self.play();
				clearInterval(v);
				
			},function(){
				
			});
			
			function auto(){
				if(self.index<self.size-1){
					self.index++;					
				}else{
					self.index=0;
				}						
				self.play();
			};
			
			
		},
		play:function(){
			var self=this;
			var $element=$(self.element);
			$(self.ul).find("li").removeClass("hover").eq(self.index).addClass("hover");
			//alert($(".playList a").eq(self.index).find("img").attr('alt'))
			$("#playinfo").html($(".playList a").eq(self.index).find("img").attr('alt'));
			$(".playList a").filter(":visible").fadeOut(500).parent().children().eq(self.index).fadeIn(1000);
		}
		
	}
	
	
})(jQuery)