(function ($) {
    $.ClassTebyanTabAlbum1 = {
    	ChangeTab : null,
		RateDelay : 1000,	
		ActiveLoop : 'True',	
	    Loop:function() {
	        this.ChangeTab = setInterval(function () { AutoChangeTab() }, this.RateDelay);
			var _this = this;
	        function AutoChangeTab() { 
	            var Active = _this.obj.find('.ActiveTA');
	            if (Active.next('.pic').length) {
	                Active.removeClass('ActiveTA').hide().next('.pic').addClass('ActiveTA').show();
	            }
	            else {
	                Active.removeClass('ActiveTA').hide().siblings('.pic:first').addClass('ActiveTA').show();
	            }
	        }
	    }	
	};
    $.fn.TebyanTabAlbum1 = function (option) {
		var option = $.extend(true, {}, $.ClassTebyanTabAlbum1, option, { obj: $(this) });
		return this.each(function(){	
		    $(this).find('.pic:first').addClass('ActiveTA').show();
			if( option.ActiveLoop == 'True' )
			{		
			    option.Loop();
			}
		    $(this).find('.smalpic').click(function () {
				var TTID = $(this).attr('id');
				$(this).closest('.tumnail').siblings('.'+TTID).show().siblings('.pic').hide();
		    })
		    $(this).mouseenter(function () {
		        clearInterval(option.ChangeTab);
		    }).mouseleave(function () { if( option.ActiveLoop == 'True' ){option.Loop()} });
		});
    }
})(jQuery);

