var currentName="main01";
var processFlg=false;
var time=3;
var count=time;

$(function () {
	$("#main02 img").fadeTo(0,0.5);
	$("#main03 img").fadeTo(0,0);
	$("#main04 img").fadeTo(0,0.5);
	$("#main-nav02 img").fadeTo(0,0);
	$("#main-nav03 img").fadeTo(0,0);
	$("#main-nav04 img").fadeTo(0,0);
	
	$.timer(1000, function (timer) {
		if(count==0) {
			count--;
			right_action();
		} else {
			count--;
		}
	});

	
	$("#btn_right").delegate("img","click", function(e) {
		right_action();		
	})
	
	function right_action() {
		if(currentName=="main01" && !processFlg) {
			processFlg=true;
			$("#main04 img").fadeTo(1000,0);
			$("#main-nav01 img").fadeTo(0,0);
			$("#main-nav02 img").fadeTo(0,1);
			$("#main-nav03 img").fadeTo(0,0);
			$("#main-nav04 img").fadeTo(0,0);
			$("#main01").delay(1500).animate({
				top:0,
				left:"-800px"
			}, 1000, "swing");
			$("#main01 img").delay(1500).fadeTo(1000,0.5);
			
			$("#main02").delay(1500).animate({
				top:0,
				left:0
			}, 1000, "swing");
			$("#main02 img").delay(1500).fadeTo(1000,1);
			
			$("#main03").delay(2000).animate({
				top:0,
				left:"800px"
			}, 0, "swing");
			$("#main03 img").delay(2000).fadeTo(1000,0.5,function(){processFlg=false; currentName="main02";count=time;});
		}
		
		if(currentName=="main02" && !processFlg) {
			processFlg=true;
			$("#main01 img").fadeTo(1000,0);
			$("#main-nav01 img").fadeTo(0,0);
			$("#main-nav02 img").fadeTo(0,0);
			$("#main-nav03 img").fadeTo(0,1);
			$("#main-nav04 img").fadeTo(0,0);
			$("#main02").delay(1500).animate({
				top:0,
				left:"-800px"
			}, 1000, "swing");
			$("#main02 img").delay(1500).fadeTo(1000,0.5);
			
			$("#main03").delay(1500).animate({
				top:0,
				left:0
			}, 1000, "swing");
			$("#main03 img").delay(1500).fadeTo(1000,1);
			
			$("#main04").delay(2000).animate({
				top:0,
				left:"800px"
			}, 0, "swing");
			$("#main04 img").delay(2000).fadeTo(1000,0.5,function(){processFlg=false; currentName="main03";count=time;});
		}
		
		if(currentName=="main03" && !processFlg) {
			processFlg=true;
			$("#main02 img").fadeTo(1000,0);
			$("#main-nav01 img").fadeTo(0,0);
			$("#main-nav02 img").fadeTo(0,0);
			$("#main-nav03 img").fadeTo(0,0);
			$("#main-nav04 img").fadeTo(0,1);
			$("#main03").delay(1500).animate({
				top:0,
				left:"-800px"
			}, 1000, "swing");
			$("#main03 img").delay(1500).fadeTo(1000,0.5);
			
			$("#main04").delay(1500).animate({
				top:0,
				left:0
			}, 1000, "swing");
			$("#main04 img").delay(1500).fadeTo(1000,1);
			
			$("#main01").delay(2000).animate({
				top:0,
				left:"800px"
			}, 0, "swing");
			$("#main01 img").delay(2000).fadeTo(1000,0.5,function(){processFlg=false; currentName="main04";count=time;});
		}
		
		if(currentName=="main04" && !processFlg) {
			processFlg=true;
			$("#main03 img").fadeTo(1000,0);
			$("#main-nav01 img").fadeTo(0,1);
			$("#main-nav02 img").fadeTo(0,0);
			$("#main-nav03 img").fadeTo(0,0);
			$("#main-nav04 img").fadeTo(0,0);
			$("#main04").delay(1500).animate({
				top:0,
				left:"-800px"
			}, 1000, "swing");
			$("#main04 img").delay(1500).fadeTo(1000,0.5);
			
			$("#main01").delay(1500).animate({
				top:0,
				left:0
			}, 1000, "swing");
			$("#main01 img").delay(1500).fadeTo(1000,1);
			
			$("#main02").delay(2000).animate({
				top:0,
				left:"800px"
			}, 0, "swing");
			$("#main02 img").delay(2000).fadeTo(1000,0.5,function(){processFlg=false; currentName="main01";count=time;});
		}
	}
	
	$("#btn_left").delegate("img","click", function(e) {
		
		if(currentName=="main01" && !processFlg) {
			processFlg=true;
			$("#main02 img").fadeTo(1000,0);
			$("#main-nav01 img").fadeTo(0,0);
			$("#main-nav02 img").fadeTo(0,0);
			$("#main-nav03 img").fadeTo(0,0);
			$("#main-nav04 img").fadeTo(0,1);
			$("#main01").delay(1500).animate({
				top:0,
				left:"800px"
			}, 1000, "swing");
			$("#main01 img").delay(1500).fadeTo(1000,0.5);
			
			$("#main04").delay(1500).animate({
				top:0,
				left:0
			}, 1000, "swing");
			$("#main04 img").delay(1500).fadeTo(1000,1);
			
			$("#main03").delay(2000).animate({
				top:0,
				left:"-800px"
			}, 0, "swing");
			$("#main03 img").delay(2000).fadeTo(1000,0.5,function(){processFlg=false; currentName="main04";count=time;});
		}
		
		
		if(currentName=="main02" && !processFlg) {
			processFlg=true;
			$("#main03 img").fadeTo(1000,0);
			$("#main-nav01 img").fadeTo(0,1);
			$("#main-nav02 img").fadeTo(0,0);
			$("#main-nav03 img").fadeTo(0,0);
			$("#main-nav04 img").fadeTo(0,0);
			$("#main02").delay(1500).animate({
				top:0,
				left:"800px"
			}, 1000, "swing");
			$("#main02 img").delay(1500).fadeTo(1000,0.5);
			
			$("#main01").delay(1500).animate({
				top:0,
				left:0
			}, 1000, "swing");
			$("#main01 img").delay(1500).fadeTo(1000,1);
			
			$("#main04").delay(2000).animate({
				top:0,
				left:"-800px"
			}, 0, "swing");
			$("#main04 img").delay(2000).fadeTo(1000,0.5,function(){processFlg=false; currentName="main01";count=time;});
		}
		
		
		if(currentName=="main03" && !processFlg) {
			processFlg=true;
			$("#main04 img").fadeTo(1000,0);
			$("#main-nav01 img").fadeTo(0,0);
			$("#main-nav02 img").fadeTo(0,1);
			$("#main-nav03 img").fadeTo(0,0);
			$("#main-nav04 img").fadeTo(0,0);
			$("#main03").delay(1500).animate({
				top:0,
				left:"800px"
			}, 1000, "swing");
			$("#main03 img").delay(1500).fadeTo(1000,0.5);
			
			$("#main02").delay(1500).animate({
				top:0,
				left:0
			}, 1000, "swing");
			$("#main02 img").delay(1500).fadeTo(1000,1);
			
			$("#main01").delay(2000).animate({
				top:0,
				left:"-800px"
			}, 0, "swing");
			$("#main01 img").delay(2000).fadeTo(1000,0.5,function(){processFlg=false; currentName="main02";count=time;});
		}
		
		
		if(currentName=="main04" && !processFlg) {
			processFlg=true;
			$("#main01 img").fadeTo(1000,0);
			$("#main-nav01 img").fadeTo(0,0);
			$("#main-nav02 img").fadeTo(0,0);
			$("#main-nav03 img").fadeTo(0,1);
			$("#main-nav04 img").fadeTo(0,0);
			$("#main04").delay(1500).animate({
				top:0,
				left:"800px"
			}, 1000, "swing");
			$("#main04 img").delay(1500).fadeTo(1000,0.5);
			
			$("#main03").delay(1500).animate({
				top:0,
				left:0
			}, 1000, "swing");
			$("#main03 img").delay(1500).fadeTo(1000,1);
			
			$("#main02").delay(2000).animate({
				top:0,
				left:"-800px"
			}, 0, "swing");
			$("#main02 img").delay(2000).fadeTo(1000,0.5,function(){processFlg=false; currentName="main03";count=time;});
		}
	})
	
	
	function processing() {
		alert(processFlg);
	}
})