var moving;

$(document).ready(function(){
	$("a[rel='photoup']").colorbox();

	var sys=1;
	function PreLoad(imgs){/* photo onload */
		var objArray = [];
		for(var i = 0; i < imgs.length; i++){
			var imgObj = new Image();
			imgObj.src = "./img/top/" + imgs[i];
			objArray.push(imgObj);
		}
		var viewStatus = function(){
			var count = 0;
			var str = "";
			for(var i = 0; i < objArray.length; i++){
				if(objArray[i].complete) count++;
			}
				$(".navimessage").text( count + "/" + objArray.length );
			if(count == objArray.length){
				$(".navimessage").text( count + "/" + objArray.length + " photo load finish" );
				moving=setTimeout(MoveImgOpen,6500);
			}
			sys++;
			if(sys > 50){
				$(".navimessage").text( count + "/" + objArray.length + " photo load err" );
				return;
			}else{
				if(count < objArray.length){
					moving=setTimeout(viewStatus, 100);
				}
			}
		};
		viewStatus();
	}
	PreLoad(["navi_back.gif", "message_csr.gif", "message2.gif", "message3.gif", "image_housing.gif", "image_housing.gif", "image_apartment.gif", "image_environment.gif", "image_repair.gif", "image_cleanroom.gif", "image_acm.gif"]);/* preload photo setting */

	function ImgDiv(divs) {/* menu photo set */
		for (var i = 0; i < divs.length; i++) {
			var cls = divs[i].className;
			cls = cls + '_image';
			$("#main > .contents > .menu").after('<div class="ImageUp '+ cls +'"><span>image</span></div>');
		}
	}
	ImgDiv( $("#main > .contents > .menu > li").get() );

	var imgnum=1;
	function MoveImgOpen() {/* Move photo ready */
		var cls = ".top_img";
		$(cls).animate({ opacity:"0.5" },{duration:1000,easing: "swing"});
		var cls = ".move_img";
		$(cls).css({top:"0"});
		$(cls).show();
		NaviUp( $("#main > .move_img > .padding > div").get() );
		var cls = ".message" + imgnum;
		var cls2 = ".navis" + imgnum;
		$(cls).show();
		$(cls).css({top:"0px",left:"-800px",opacity:"0.75"});
		$(cls2).css({color:"#fff","font-weight":"bold"});
		$(cls).animate({left:"0px", opacity:"1"},{duration:400,easing: "swing", complete:function(){moving=setTimeout(MoveImg,5000);}});
	}
	var navis;
	function NaviUp(divs) {/* movi navi ready */
		$(".move_img > .padding").append('<div class="navi"></div>');
		navis=divs.length;
		for (var i = 0; i < divs.length; i++) {
			var ii = i + 1;
			$("#main > ..move_img > .padding > .navi").append('<span class="navi_button navis' + ii + '">' + ii + '</span>');
			$("#main > ..move_img > .padding > .navi > span").css({opacity:"0"});
			$("#main > ..move_img > .padding > .navi > span").animate({opacity:"1"},{duration:1000});
		}
		$(".navi_button").click(function () {/* navi click button */
			var str = $(this).text();
			MoveImg("a",str);
			clearTimeout(moving);
		});
	}

	var movingkaisu=1;
	function MoveImg(ifs,str) {/* move sysytem */
		var cls1 = ".message" + imgnum;
		var cls3 = ".navis" + imgnum;
		if(str){
			if(str == imgnum ){
				return;
			}else{
				imgnum = str;
			}
		}else{
			if(movingkaisu == 2){return; }
			imgnum++;
		}
		$(cls1).css("zIndex","1");
		$(cls3).css({color:"#000","font-weight":"normal"});
		if(imgnum > navis){ imgnum = 1; movingkaisu++; }
		var cls2 = ".message" + imgnum;
		var cls4 = ".navis" + imgnum;
		$(cls4).css({color:"#fff","font-weight":"bold"});
		$(cls2).show();
		$(cls2).css({top:"0px",left:"-800px",opacity:"0.5",zIndex:"2"});
		$(cls2).animate({left:"0px", opacity:"1"},{duration:400, easing:"swing", complete:function(){$(cls1).css({opacity:"0"});if(ifs !="a"){moving=setTimeout(MoveImg,5000);}} });
	}

	function MoveHTML() {/* opening movie */
		var cls = ".top_img";
		$(cls).after('<div class="openinglogo"><div></div></div>');
		var cls = ".openinglogo";
		$(cls).css({opacity:"0"});
		$(cls).animate({ opacity:"1" },{duration:1000,complete:function(){ moving=setTimeout(MoveHTML2,1000); } });
	}
	function MoveHTML2() {/* opening movie */
		var cls0 = ".openinglogo";
		$(cls0).animate({ opacity:"0" },{duration:1000,complete:function(){ $(cls0).remove(); } });
		var cls = ".top_img";
		var cls2 = ".message";
		$(cls2).css({opacity:"0"});
		$(cls).css({ opacity:"0"});
		$(cls).animate({ opacity:"1" },{duration:2000,easing: "swing"});
		$(cls2).animate({ opacity:"1" },{duration:2000,easing: "swing"});
	}
	$(".top_img").css({opacity:"0"});
	$(".message").css({opacity:"0"});
	moving=setTimeout(MoveHTML,500);

/*
	event=setTimeout(eventScroll, 7500);
	function eventScroll() {//eventScroll
		w=$(".scrl").width();
		a=$(".scrl").css("left");
		a=a.replace("px","");
		if(a >= 0){
			$(".scrl").animate({left:'-177px'}, 750);
		}else{
			$(".scrl").animate({left:'0px'}, 750);
		}
		event=setTimeout(eventScroll, 7500);
	}
*/
});


$(function(){
	$("a").click(function () {
		$("*").stop();
		clearTimeout(moving);
	});

	$("#main > .contents > .menu > li").ImageUp();
	$("#main > .contents > .menu > li").ImageDown();
});

$.fn.ImageUp = function(str){
	$("#main > .contents > .menu > li").mouseover(function(){
		var cls = this.className;
		cls =cls + '_image';
		cls ='.' + cls;
		$(cls).toggle(300);
//		$(cls).show();
	});
}
$.fn.ImageDown = function(){
	$("#main > .contents > .menu > li").mouseout(function(){
		var cls = this.className;
		cls ='.' + cls + '_image';
		$(cls).stop();
		$(cls).css({width:"",height:"",opacity:""});
		$(cls).toggle();
	});
}