// 首頁Slider
(function(){
	$(document).ready(function(){
		
        var myAnimate = $('#myAnimate')
			.imgAnimate(
				[
					'images/animate/test0001.png',
					'images/animate/test0002.png',
					'images/animate/test0003.png',
					'images/animate/test0004.png',
					'images/animate/test0005.png',
					'images/animate/test0006.png',
					'images/animate/test0007.png',
					'images/animate/test0008.png',
					'images/animate/test0009.png',
					'images/animate/test0010.png',
					'images/animate/test0011.png',
					'images/animate/test0012.png',
					'images/animate/test0013.png',
					'images/animate/test0014.png',
					'images/animate/test0015.png',
					'images/animate/test0016.png'
				],
				{
					autoPlay : true,
					speed: 100
				}
			);
		
		// 把超連結轉成圖片路徑陣列
		var imgs = [];
		$('#myImages a').each(function(img_current){
			var jq_a = $(this);
			imgs[img_current] = jq_a.attr('href');
			jq_a.remove();
		});
		
		// 取得目前時間戳記
		var time = (new Date).getTime();
		
		function handle_complete(LoadEvent)
		{
			myAnimate.stop().hide('slow');
			this.css({
				'background':'#252525',
				'position':'relative',
				'overflow':'hidden',
				'border-radius':'20px',
				'border':'3px solid #444',
				'box-shadow':'0px 0px 2px #222'
			})
			.animate({'height':450})
			;
			LoadEvent.imgLoadBox
			.css({
				'top':0,
				'left':0
			})
			.slider({speed:300})
			;
			
		}
		
		$('#myImages').imgLoader(imgs, {
			complete : function(LoadEvent){
				var t = (new Date).getTime();
				var me = this;
				this.css('height', 0);
				if (t-time < 10*1000)
				{
					setTimeout(function(){handle_complete.call(me, LoadEvent)}, 10*1000 - (t-time));
				}
				else
				{
					handle_complete.call(me, LoadEvent);
				}
			},
			step : function(LoadEvent){
				LoadEvent.loadbar
				.empty()
				.css({
					'top':0, 'left':0,
					'width' : (LoadEvent.loaded/LoadEvent.total) * 100 + '%',
					'height' : 1,
					'background' : '#F00'
				});
			}
		})
		.css({
			'background' : '#000',
			'width' : '100%',
			'height' : 1
		})
		;
	});
})();