// JavaScript Document
$(document).ready(function(){

var answer;
var sivu;
						   
$('#frontpage').addClass('withshadow');

function a1() {
	$('#content #footer').hide();
	$('#frontpage').removeClass('withshadow');
	$("#frontpage").hide("slide", { direction: "up" }, "slow", function() {
	a2();
});	
}

function a2() {
	$("#page2").show("slide",{ direction: "up" }, "slow", function() {
	$("#page2").addClass('withshadow');
	a3();
});
}

function a3() {
	$("#page2 #hows_business").fadeIn("slow", function() {
	$("#page2 #hows_business").animate({opacity: '+=0'}, 2000, function() {
	$("#page2 #hows_business").fadeOut("slow", function() {
	a4();
		});
	});
});

}


function a4() {
  $("#page2 #perfectgood").fadeIn("slow");
}


function b1() {
	$("#page2 #yesno2").hide("slide", {direction: "up"}, "slow", function() {
	$("#page2").removeClass('withshadow');
	$("#page2").hide("slide", { direction: "up" },"slow" , function() {
	b2();
		});
	});
}

function b2() {
	$("#page3").show("slide",{ direction: "up" }, "slow", function() {
	$("#page3").addClass('withshadow');
	if(answer=="yes") {
	b3();
	} else {
	c3();
	}
});
}

function b3() {
  yesClick();
}

function c3() {
  sivu = 2;
  answer="no";
  noClick();
}


// SIVU 2 //

function perfectClick() {
		
		$("#page2 #perfectgood").hide("slide", {direction: "up"}, "slow", function() {

		$("#page2 #congrats").fadeIn("fast", function() {
	    $("#page2 #congrats").animate({opacity: '+=0'}, 2000, function() {
    	$("#page2 #congrats").fadeOut("fast", function() {

		$("#page2 #first").fadeIn("fast", function() {
	    $("#page2 #first").animate({opacity: '+=0'}, 2000, function() {
    	$("#page2 #first").fadeOut("fast", function() {

		$("#page2 #niceday2").fadeIn("fast", function() {
	    $("#page2 #niceday2").animate({opacity: '+=0'}, 2000, function() {
    	$("#page2 #niceday2").fadeOut("fast", function() {

		a4();
		
		  });
	    });
	  });

		  });
	    });
	  });

		  });
	    });
	  });
			
   }); // .links hide
}


function goodClick() {
		
		$("#page2 #perfectgood").hide("slide", {direction: "up"}, "slow", function() {
			
		$("#page2 #growth").fadeIn("fast", function() {
	    $("#page2 #growth").animate({opacity: '+=0'}, 2000, function() {
    	$("#page2 #growth").fadeOut("fast", function() {
													 
			 $("#page2 #yesno2").show("slide", {direction: "up"}, "slow");
		  });
	    });
	  });
			
   }); // .links hide
}

// SIVU 3 //

function noClick() {
		
		if(answer=="no") {
		
		if(sivu==3) {
		$("#page3 #yesno3").hide("slide", {directon: "down"}, "fast");
		}
		var kohde=$("#page3 #great");
		var kohde2=$("#page3 #chicken");
		} else {
		$("#page3 #yessure3").hide("slide", {directon: "down"}, "fast");
		var kohde=$("#page3 #waytogo");
		var kohde2=$("#page3 #comeon");
		}
		
		kohde.fadeIn("fast", function() {
	    kohde.animate({opacity: '+=0'}, 2000, function() {
    	kohde.fadeOut("fast", function() {

		kohde2.fadeIn("fast", function() {
	    kohde2.animate({opacity: '+=0'}, 2000, function() {
    	kohde2.fadeOut("fast", function() {

		$("#page3 #niceday3").fadeIn("fast", function() {
	    $("#page3 #niceday3").animate({opacity: '+=0'}, 2000, function() {
    	$("#page3 #niceday3").fadeOut("fast", function() {
		
		if(answer == "no") {
		$("#page3 #yesno3").show("slide", {direction: "up"}, "slow");
		} else {
		$("#page3 #yessure3").show("slide", {direction: "up"}, "slow");	
		}
		
		  });
	    });
	  });

		  });
	    });
	  });

		  });
	    });
	  });
}

function yesClick() {
		
		if(sivu==3) {
		$("#page3 #yesno3").hide("slide", {directon: "down"}, "fast");	
		}
		
		$("#page3 #strategy").fadeIn("fast", function() {
	    $("#page3 #strategy").animate({opacity: '+=0'}, 2000, function() {

		$("#page3 #market").fadeIn("fast", function() {
	    $("#page3 #market").animate({opacity: '+=0'}, 2000, function() {

		$("#page3 #offering").fadeIn("fast", function() {
	    $("#page3 #offering").animate({opacity: '+=0'}, 2000, function() {

		$("#page3 #strategy").fadeOut("fast", function() {
		$("#page3 #market").fadeOut("fast", function() {											   
    	$("#page3 #offering").fadeOut("fast", function() {

		$("#page3 #yessure3").show("slide", {direction: "up"}, "slow");
		
			});
		  });
		});
		
		  });
	    });

		  });
	    });

		  });
	    });
}


function sureClick() {
	$("#page3 #yessure3").hide("slide", {direction: "up"}, "slow", function() {
	$("#page3").removeClass('withshadow');
	$("#page3").hide("slide", { direction: "up" },"slow" , function() {
	$("#page4").show("slide",{ direction: "up" }, "slow", function() {
	$("#page4").addClass('withshadow');
	
	page4textRoller();
	
		   });
		});
	});	
}


function page4textRoller() {

	$("#p4_1").fadeIn("slow", function() {
    $("#p4_1").animate({opacity: '+=0'}, 500, function() {
	$("#p4_2").fadeIn("slow", function() {
    $("#p4_2").animate({opacity: '+=0'}, 500, function() {
	$("#p4_3").fadeIn("slow", function() {
    $("#p4_3").animate({opacity: '+=0'}, 500, function() {
	$("#p4_4").fadeIn("slow", function() {
    $("#p4_4").animate({opacity: '+=0'}, 6000, function() {
	$("#p4_5").fadeIn("slow", function() {
    $("#p4_5").animate({opacity: '+=0'}, 500, function() {
	$("#p4_6").fadeIn("slow", function() {
    $("#p4_6").animate({opacity: '+=0'}, 500, function() {
	$("#p4_7").fadeIn("slow", function() {
    $("#p4_7").animate({opacity: '+=0'}, 6000, function() {
	$("#p4_8").fadeIn("slow", function() {
    $("#p4_8").animate({opacity: '+=0'}, 2500, function() {
	$("#p4_9").fadeIn("slow", function() {
    $("#p4_9").animate({opacity: '+=0'}, 2500, function() {
	$("#p4_10").fadeIn("slow", function() {
    $("#p4_10").animate({opacity: '+=0'}, 2500, function() {
	$("#p4_11").fadeIn("slow", function() {
    $("#p4_11").animate({opacity: '+=0'}, 500, function() {
	$("#p4_12").fadeIn("slow", function() {
    $("#p4_12").animate({opacity: '+=0'}, 500, function() {
	$("#p4_13").fadeIn("slow", function() {
    $("#p4_13").animate({opacity: '+=0'}, 6000, function() {
	$("#p4_14").fadeIn("slow", function() {
    $("#p4_14").animate({opacity: '+=0'}, 4000, function() {
	$("#page4 #manytexts").fadeOut("slow", function() {
	$("#somany").fadeIn("fast", function() {
    $("#somany").animate({opacity: '+=0'}, 2000, function() {
   	$("#somany").fadeOut("fast", function() {
	$("#somany_answers").fadeIn("fast", function() {
    $("#somany_answers").animate({opacity: '+=0'}, 2000, function() {
   	$("#somany_answers").fadeOut("fast", function() {
	$("#orone").fadeIn("fast", function() {
    $("#orone").animate({opacity: '+=0'}, 2000, function() {
   	$("#orone").fadeOut("fast", function() {
	$("#whatyou").fadeIn("fast", function() {
    $("#whatyou").animate({opacity: '+=0'}, 3000, function() {
   	$("#whatyou").fadeOut("fast", function() {
	$("#possible").fadeIn("fast", function() {
    $("#possible").animate({opacity: '+=0'}, 2000, function() {
   	$("#possible").fadeOut("fast", function() {
	$("#chat").fadeIn("fast", function() {
    $("#chat").animate({opacity: '+=0'}, 2000, function() {
   	$("#chat").fadeOut("fast", function() {

	$("#infopage").fadeIn("fast");

	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});	
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});

}




// MOUSE EVENTIT //

$("#frontpage").click(function () {
	a1();
});


// SIVUN 2 KLIKKAUS - PERFECT //
$("#page2 .links ul li#perfect").click(function () {
  perfectClick();
}); // #perfect click


// SIVUN 2 KLIKKAUS GOOD //
$("#page2 .links ul li#good").click(function() {
  goodClick();											
}); // #good click


// SIVUN 2 KLIKKAUS - YES //
$("#page2 .links ul li#yes").click(function () {
  answer="yes";
  b1();
}); // #yes click


// SIVUN 2 KLIKKAUS NO //
$("#page2 .links ul li#no").click(function() {
  answer="no";
  b1();
}); // #no click

// SIVUN 3 KLIKKAUS NO //
$("#page3 .links ul li#no").click(function() {
  sivu=3;
  answer="no";
  noClick();										
}); // #no click

// SIVUN 3 KLIKKAUS YES //
$("#page3 .links ul li#yes").click(function() {
  sivu=3;
  answer="yes";
  yesClick();										
}); // #yes click

// SIVUN 3 KLIKKAUS NO //
$("#page3 .links ul li#sure").click(function() {
  sureClick();
}); // #no click

// SIVUN 3 KLIKKAUS YES2 //
$("#page3 .links ul li#yes2").click(function() {
  sivu=3;
  answer="yes";
  noClick();
}); // #yes2 click


$(".links ul li").hover(
  function () {
    $(this).addClass("pinktrans");
  },
  function () {
    $(this).removeClass("pinktrans");
  }
);


});