var aryImage = {
	1:'mov_01.jpg',
	2:'mov_02.jpg',
	3:'mov_03.jpg',
	4:'mov_04.jpg',	
	5:'mov_05.jpg',
	6:'mov_06.jpg',
	7:'mov_07.jpg',
	8:'mov_08.jpg',
	9:'mov_09.jpg'
};


var aryLoadedImage = new Array();
var firstlimit = 3;
var total = 9;
var imgHeight = 469;
var imgWidth = 1000;
var imgIntervalTime = 3800;
var imgAnimateTime = 2500;




function startCheck(){
	
	var startcheckID = setInterval(function (){
		
			if(aryLoadedImage.length >= firstlimit && 
			typeof aryLoadedImage[1] == 'object' && typeof aryLoadedImage[2] == 'object' && typeof aryLoadedImage[3] == 'object'){
				
				for(var i = 1; i <= firstlimit; i++){
					
					var div = $('<div>').css({height:imgHeight,width:imgWidth,float:'left'}).append(aryLoadedImage[i]);
					$("#img").append(div);

				}
				loadCheck(i);
				clearInterval(startcheckID);

			}
	},3800);
	
}

function loadCheck(i){

	if (typeof aryLoadedImage[i] == "object") {
		rotateImage(i);
	}
	
}

function rotateImage(i){

	var div = $('<div>').css({height:imgHeight,width:imgWidth,float:'left'}).append(aryLoadedImage[i]);
	$("#img").append(div).animate({left: -imgWidth}, imgAnimateTime, "easeInOutExpo", function(){
		$("#img").css({left:0});
		$("#img div:eq(0)").remove();
	});

	setTimeout(function(){
		loadCheck((i < total) ? i + 1 : 1);
	}, imgIntervalTime);
}

$(document).ready(function(){

	$.each(aryImage, function(k, v){
		$('<img />').attr({'src': 'images/top/' + v + "?" + new Date().getTime(), 'id': 'img' + k}).load(function(){
			
			aryLoadedImage[k] = this;
			
		});
	});
	
	startCheck();

});