// JavaScript Document

function fRandomBy(under, over){
		switch(arguments.length){
				case 1: return parseInt(Math.random()*under+1);
				case 2: return parseInt(Math.random()*(over-under+1) + under);
				default: return 0;
		}
} 


jQuery(function(){

   //START hp_gallery
	 jQuery('.hp_gallery').each(function(){
		  var $hp_gallery = jQuery(this);			
		  var $stage = $hp_gallery.find('.pic_box');		 			
			var len = $hp_gallery.find('#imgs img').size();
			var fade_spped = 1000;
			var imgs_src=[];
			var flag_set=[];
			
			for(var i=0;i<len;i++){
				imgs_src[i]=$hp_gallery.find('#imgs img').eq(i).attr('src');
			};

			for(var i = 0;i<len;i++) {
				flag_set[i]=false;	
			};
			
			//START function img.onload 每张图片如果加载完毕，它对应的flag_set设为true	
			jQuery('#imgs').find('img').each(function(idx){
			    this.onload=function(){
						flag_set[idx]=true;	
					}	
			});//END function img.onload function && img.onerror function 
			
			//START function check_load_finish() 定义判断所有图片是否加载完毕的函数
			function check_load_finish(){
				var flag_temp = true;
				for(var i = 0;i<len;i++) {
					if(jQuery('#imgs img')[i].complete){
						 flag_set[i]=true;						
					};
					flag_temp = flag_temp && flag_set[i];		
				};	
				return flag_temp;			
			}//END function check_load_finish() 定义判断所有图片是否加载完毕的函
			
			
			//START function addimg(index){}
			var $last_img = null;		
			function addimg(i){			 
					if($last_img){
						$last_img.fadeOut(fade_spped,function(){
								jQuery(this).remove();
						});	
					};
					
					$last_img = jQuery('<div><img src="'+imgs_src[i]+'" alt="" /></div>').css({
						'position':'absolute',
						'left':0,
						'top':0,
						'display':'none'
					}).appendTo($stage).fadeIn(fade_spped);	 
				
			};//END function addimg(i){}	

			var num_1 =0
			var Timer_1 = window.setInterval(function(){
			  check_load_finish;
				num_1++;
				console.log(num_1);
				if ( check_load_finish().valueOf() ){
					  clearInterval(Timer_1);	
						$hp_gallery.find('.loading').remove();
						var random_number=fRandomBy(1, 14);
						addimg(random_number);
						var n=0;
						var Timer_2=window.setInterval(function(){
							addimg(n);
							n++;
							if(n>=len){n=0;};
						},5000);//end Timer_2					
				};//END if		
		 },100);

	 });//END jQuery('.hp_gallery').each()

	
})