require(["dojo/fx", "dojo/_base/fx", "dojo/dom", "dojo/fx/easing", "dojo/dom-style", "dojo/domReady!"],
function(coreFx, baseFx, dom, easing, style){
    
    style.set("kontener_1", "opacity", "0");
    style.set("kontener_2", "opacity", "0");
    style.set("kontener_3", "opacity", "0");
    style.set("kontener_4", "opacity", "0");
    style.set("kontener_5", "opacity", "0");
    style.set("kontener_9", "display", "none");
    style.set("kontener_10", "display", "none");
    
    var animacja_1 = baseFx.animateProperty({
				node: "kontener_1",
				properties: {
				top: { start: 1000, end: -10 },
				left: 0,
				opacity: { start: 0, end: 1 },
				backgroundColor: { start: "#000000", end: "#800080" }
				},
				duration: 3000,
				easing: easing.bounceOut
		});
		
		var animacja_2 = baseFx.animateProperty({
				node: "kontener_2",
				properties: {
				top: { start: -600, end: 620 },
				left: 0,
				opacity: { start: 0, end: 1 },
				backgroundColor: { start: "#000000", end: "#00B0F0" }
				},
				duration: 2000,
				easing: easing.backOut
		});
		
		var animacja_3 = baseFx.animateProperty({
				node: "kontener_3",
				properties: {
				top: 0,
				left: { start: -220, end: 0 },
				opacity: { start: 0, end: 1 },
				},
				duration: 3000,
				easing: easing.elasticOut
		});
		
		var animacja_4 = baseFx.animateProperty({
				node: "kontener_4",
				properties: {
				top: { start: 1000, end: 120 },
				left: 0,
				opacity: { start: 0, end: 1 },
				},
				duration: 3000,
				easing: easing.expoOut
		});
		
		var animacja_5 = baseFx.animateProperty({
				node: "kontener_5",
				properties: {
				top: { start: 1000, end: 240 },
				left: 0,
				opacity: { start: 0, end: 1 },
				},
				duration: 3000,
				easing: easing.bounceOut
		});
					
  
    var animacja_6 = baseFx.animateProperty({
				node: "kontener_6",
				properties: {
				width: { start: 0, end: 233 },
				height: { start: 0, end: 140 },
				opacity: { start: 0, end: 1 },
				},
				duration: 2500,
				easing: easing.elasticOut
		});
		
		var animacja_7 = baseFx.animateProperty({
				node: "kontener_7",
				properties: {
				width: { start: 0, end: 233 },
				height: { start: 0, end: 140 },
				opacity: { start: 0, end: 1 },
				},
				duration: 2500,
				easing: easing.bounceOut
		});
		
		var animacja_8 = baseFx.animateProperty({
				node: "kontener_8",
				properties: {
				width: { start: 0, end: 233 },
				height: { start: 0, end: 140 },
				opacity: { start: 0, end: 1 },
				},
				duration: 500,
				easing: easing.circOut
		});
		
		var animacja_9 = coreFx.wipeIn({
      node: "kontener_9",
      duration: 5000,
      easing: easing.expoOut
    });
    
    var animacja_10 = baseFx.animateProperty({
				node: "kontener_9",
				properties: {
				color: "#ffffff",
				backgroundColor: "#ff0000",
				},
				duration: 500,
				easing: easing.linear
		});
		
		var animacja_11 = coreFx.wipeIn({
      node: "kontener_10",
      duration: 5000,
      easing: easing.expoOut
    });
    
    coreFx.chain([animacja_1, animacja_2, animacja_3, animacja_4, animacja_5, animacja_6, animacja_7, animacja_8, animacja_9, animacja_10, animacja_11]).play();

});
