function preLoadImages() {
  for (var i = 0, I = arguments.length; i < I; ++i) {
    new Image().src = arguments[i];
  }
}

preLoadImages("img/main_profile_img_f2.jpg","img/main_service_img_f2.jpg","img/main_works_img_f2.jpg");


$(function() {
	var slideTotalNum = $('#main-img li').size()-1;
	var nowNum = 0;
	var mover = 0;
	var motionFlg = 0;
	
	var waittime = 5000;
	var slidePos = ['0', '-694px', '-1388px'];
	var btimg = ['img/main_img_btn.gif', 'img/main_img_btn_f2.gif'];
	var btname = ['img/main_img_status01.png', 'img/main_img_status02.png', 'img/main_img_status03.png'];
	

	$('#main-img-chg li:eq('+nowNum+') img').attr('src',btimg[1]);
	
	function slide(num) {
		clearTimeout(autoMove);
		motionFlg = 1;
		$('#main-img ul').animate({marginLeft:slidePos[num]},800, 'easeInOutQuad', function(){
			if(num == 3) {
				$('#main-img-chg div img').attr('src',btname[0]);
				$('#main-img-chg div').attr('class','status0');
			} else if (num == 4) {
				$('#main-img-chg div img').attr('src',btname[1]);
				$('#main-img-chg div').attr('class','status1');
			} else if (num == 5) {
				$('#main-img-chg div img').attr('src',btname[2]);
				$('#main-img-chg div').attr('class','status2');
			} else {
				$('#main-img-chg div img').attr('src',btname[num]);
				$('#main-img-chg div').attr('class','status'+num);
			}
			$('#main-img-chg li img').attr('src',btimg[0]);
			$('#main-img-chg li:eq('+num+') img').attr('src',btimg[1]);
			if(nowNum != slideTotalNum){
				nowNum = nowNum+1;
			} else {
				nowNum = 0;
			}
			if (mover != 1) {
				autoMove = setInterval(function(){slide(nowNum)}, waittime);
			}
			motionFlg = 0;
		});
	}
	
	autoMove = setInterval(function(){slide(nowNum)}, 3000);
	
	$('#main-img-chg li').mouseover(
		function() {
			mover = 1;
			clearTimeout(autoMove);
			$('#main-img ul').stop();
			$('#work-navi').stop(true, true);
			$('#work-navi').hide();
			
			var overNum = $('#main-img-chg li').index(this);
			nowNum = overNum;
			$('#main-img-chg li img').attr('src',btimg[0]);
			$('#main-img-chg li:eq('+overNum+') img').attr('src',btimg[1]);
			if(overNum == 3) {
				$('#main-img-chg div img').attr('src',btname[0]);
				$('#main-img-chg div').attr('class','status0');
			} else if (overNum == 4) {
				$('#main-img-chg div img').attr('src',btname[1]);
				$('#main-img-chg div').attr('class','status1');
			} else if (overNum == 5) {
				$('#main-img-chg div img').attr('src',btname[2]);
				$('#main-img-chg div').attr('class','status2');
			} else {
				$('#main-img-chg div img').attr('src',btname[overNum]);
				$('#main-img-chg div').attr('class','status'+overNum);
			}
			//$('#main-img-chg div img').attr('src',btname[overNum]);
			slide(overNum);
		}
	);
	$('#main-img-chg li').mouseout(
		function() {
			mover = 0;
			clearTimeout(autoMove);
			if(motionFlg == 0) {
				autoMove = setInterval(function(){slide(nowNum)}, waittime);
			}
		}
	);
	$('#main-img li').mouseover(
		function() {
			mover = 1;
			clearTimeout(autoMove);
			//$('#main-img ul').stop();
		}
	);
	$('#main-img li').mouseout(
		function() {
			mover = 0;
			clearTimeout(autoMove);
			if(motionFlg == 0) {
				autoMove = setInterval(function(){slide(nowNum)}, waittime);
			}
		}
	);
	
	$('#main-img li:eq(2)').hover(
		function() {
			mover = 1;
			clearTimeout(autoMove);
			//$(this).not('#work-navi').stop().fadeTo(500,0.2); 
			$('#work-navi').css('height','318px');
			$('#work-navi').attr('class','work-navi1');
			//$('#work-navi').css('display','block');
			$('#work-navi').fadeIn('first');
			$('#work-navi').hover(
				function() {
					$('#work-navi').css({height:'318px'});
				},
				function() {
					$(this).hide();
					mover = 0;
					clearTimeout(autoMove);
					if(motionFlg == 0) {
						autoMove = setInterval(function(){slide(nowNum)}, waittime);
					}
				}
			);
			return false;
		}/*,
		function() {
			mover = 0;
			clearTimeout(autoMove);
			$('#work-navi').removeClass('work-navi1');
			$('#work-navi').css('display','none');
		}*/
	);
	/*$('#work-navi').mouseout(
		function() {
			mover = 0;
			clearTimeout(autoMove);
			$('#work-navi').removeClass('work-navi1');
			$('#work-navi').css('display','none');
		}
	);*/
	
	
	$('#main-contents section').css({display:'block', cursor:'pointer'});
	$('#profile,#service').hover(
		function() {
			$(this).css('background-color','#F8F8F8');
		},
		function() {
			$(this).css('background-color','#FFF');
		}
	);
	$('#profile,#service').click(
		function() {
			location.href = $('a', this).attr('href');
		}
	);
	
	$('#works').hover(
		function() {
			$('#work-navi').attr('class','work-navi2');
			//$('#work-navi').css('display','block');
			$('#work-navi').fadeIn('first');
			$('#work-navi').hover(
				function() {
					$('#works').css('background','#FFF url(/img/main_works_img_f2.jpg) center 13px no-repeat');
					$(this).css('height',$('#works').innerHeight());
				},
				function() {
					$('#works').css('background','#FFF url(/img/main_works_img.jpg) center 13px no-repeat');
					$('#work-navi').stop(true, true);
					$(this).hide();
				}
			);
			return false;
	});
	/*
	$('#ViewArea').css('position','relative');
	$('#ScrollArea').css('position','relative');
	
	if ((navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0 || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0))
	{	
		$('#ScrollArea li:first a').attr('href','index_ip.html');
	}*/
});