// JavaScript Document
$(document).ready(function(e) {
	var current;
	var next;
	var currentTxt;
	var nextTxt;
	var currentDot;
	var nextDot;
	
	
    $("#banner1").fadeIn(1000,function(e){
		$("#logoLeft").fadeIn(500,function(e){
			$("#logoRight").fadeIn(500,function(e){
				$("#txt1").fadeIn(1000,function(e){
					current=$("#banner1"); 
					currentTxt=$("#txt1");
					currentDot=$("#dot1");
					$("#dots").fadeIn(500,seeU); 
					});
				});
			});
		});
		function setNext(){
			
		
			switch (current.attr("id")){
				case "banner1":
				next=$("#banner2");
				nextTxt=$("#txt2");
				nextDot=$("#dot2");
				break;
				
				case "banner2":
				next=$("#banner3");
				nextTxt=$("#txt3");
				nextDot=$("#dot3");
				break;
				
				case "banner3":
				next=$("#banner4");
				nextTxt=$("#txt4");
				nextDot=$("#dot4");
				break;
				
				case "banner4":
				next=$("#banner1");
				nextTxt=$("#txt1");
				nextDot=$("#dot1");
				break;
				
				}
			}
		function seeU(){
			
			setNext();
			
			currentTxt.delay(8000).fadeOut(1000,seeUBK);
			
			
			}
	  
			
			
		function seeUBK(){
			$("#learn").fadeOut(1000);
			current.fadeOut(500,welcome);
			}
		function welcome(){
		
			current=next;
			currentTxt=nextTxt;
			currentDot=nextDot;
			$(".dot").css("color","#88e6f9");
			currentDot.css("color","#15a9e8");
			current.fadeIn(1000,welcomeTxt);
			}
		function welcomeTxt(){
			
			if(currentTxt.attr("id")=="txt4"){
				
				$("#learn").css("display","block");
				}
			currentTxt.fadeIn(1000,seeU);
			
			}
			
		$(".dot").click(function(e) {
			
				if(e.target.id!=currentDot.attr("id")){
					
			$(".dot").css("color","#88e6f9");
			$("#"+e.target.id).css("color","#15a9e8");
			/*$(":animated").stop(true,false);*/
			$(currentTxt).stop(true,false);
			$(current).stop(true,false);
			$(currentDot).stop(true,false);
			
		     
				$(".banner").css("display","none");
				$(".txt").css("display","none");
			
            switch(e.target.id){
				case "dot1":
				
				$("#banner1").css("opacity","100");
				$("#txt1").css("opacity","100");
				
				/*$("#banner1").css("display","block");
				$("#txt1").css("display","block");*/
				
				$("#banner1").fadeIn("200");
				$("#txt1").fadeIn("200");
				    current=$("#banner1"); 
					currentTxt=$("#txt1");
					currentDot=$("#dot1");
					$("#learn").css("display","none");
				
				
				seeU();
				
				break;
				case "dot2":
			
				$("#banner2").css("opacity","100");
				$("#txt2").css("opacity","100");
				/*$("#banner2").css("display","block");
				$("#txt2").css("display","block");*/
				
				$("#banner2").fadeIn("200");
				$("#txt2").fadeIn("200");
				
				$("#learn").css("display","none");
				
				current=$("#banner2"); 
					currentTxt=$("#txt2");
					currentDot=$("#dot2");
				seeU();
				
				break;
				case "dot3":
				$("#banner3").css("opacity","100");
				$("#txt3").css("opacity","100");
				
				/*$("#banner3").css("display","block");
				$("#txt3").css("display","block");*/
				
				$("#banner3").fadeIn("200");
				$("#txt3").fadeIn("200");
				$("#learn").css("display","none");
				
				current=$("#banner3"); 
					currentTxt=$("#txt3");
					currentDot=$("#dot3");
				seeU();
				break;
				case "dot4":
				$("#banner4").css("opacity","100");
				$("#txt4").css("opacity","100");
				$("#learn").css("opacity","100");
				
				/*$("#banner4").css("display","block");
				$("#txt4").css("display","block");*/
				$("#learn").css("display","block");
				$("#banner4").fadeIn("200");
				$("#txt4").fadeIn("200");
				$("#learn").fadeIn("200");
				
				current=$("#banner4"); 
					currentTxt=$("#txt4");
					currentDot=$("#dot4");
				seeU();
				break;
				
				}
			}
        });
		
		
});