dojo.require('dojox.fx');


/*            dojo.addOnLoad(function(){

           dojo.byId("foo").style.height = "0px";


  var fadeOut = dojo.fadeOut({node: "foo",duration: 1000});
  var fadeIn = dojo.fadeIn({node: "foo",duration: 1000});
  var wipeOut = dojo.fx.wipeOut({node: "foo",duration: 1000});
  var wipeIn = dojo.fx.wipeIn({node: "foo",duration: 100});
  var slideRight = dojo.fx.slideTo({node: "foo",duration: 1000, left: 0, top: 420});

  var slideLeft = dojo.fx.slideTo({node: "foo",duration: 1000, left: 300, top:480});

  var animOut = dojo.fx.combine([ fadeOut,wipeOut,slideRight]);
  var animIn = dojo.fx.combine([fadeIn, wipeIn, slideLeft]);


				var a3 = dojo.fx.chain([wipeIn,slideLeft,slideRight,wipeOut]);



				a3.play();


			});*/



			function play(index) {

				//dojo.byId("foo").style.height = "0px";



  var fadeOut = dojo.fadeOut({node: "foo",duration: 3000});
  var fadeIn = dojo.fadeIn({node: "foo",duration: 700});

   //wipeOut = dojo.fx.wipeOut({node: "foo",duration: 3000});
  var wipeIn = dojo.fx.wipeIn({node: "foo",duration: 1000});


  var slideRight = dojo.fx.slideTo({node: "foo",duration: 1000, left: 300, top: 580});

  var slideLeft = dojo.fx.slideTo({node: "foo",duration: 2000, left: 0, top:420});

  //var animOut = dojo.fx.combine([wipeOut]);


  var animIn = dojo.fx.combine([fadeIn, wipeIn, slideRight]);




			switch(index)  {

			

					case 2:

						dojo.fx.wipeOut({node: "foo",duration: 3000}).play();
						
 button = dojo.byId("leistungsDaten");
		            	 
		            	 button.innerHTML ="<button dojoType='dijit.form.Button' id='botton' style='background-color:black;color:red;'onClick='play(1)'   >Leistungsdaten</button>";
						
						
						//dojo.byId("botton").setAttribute("onclick", "play(1)");
						
	
						var animation = dojo.animateProperty ( {
		            		 
		            		 node: dojo.byId("foo"),
		            		 duration: 500,
		            		 properties: { backgroundColor: {end: "white"}    }
		            		 
		            		 
		            	 }); animation.play();

		            break;

		            case 1:
	
		            	// button = dojo.byId("leistungsDaten");
		            	
		            	//button = dojo.byId("botton");
		            	 
		            	// button.setAttribute("onclickName", "test()");
		            	// button.attributes[0].nodeValue = "play(2)";
		            	
		            	
		            	 dojo.removeAttr("botton", "onClick");
		            	 
		            	 dojo.attr("botton", "onClick", "play(2)");
		            	 
		            	// button.innerHTML ="<button dojoType='dijit.form.Button' id='botton' style='background-color:black;color:red;'onClick='play(2)'   >Leistungsdaten</button>";
 
		            	dojo.fx.wipeIn({node: "foo",duration: 4000}).play();
		            	
		            	
		            	
		            	 var animation = dojo.animateProperty ( {
		            		 
		            		 node: dojo.byId("foo"),
		            		 duration: 4500,
		            		 properties: { backgroundColor: {end: "#CCE5FF"}    }
		            		 
		            		 
		            	 }); animation.play();
		            	
		            	

						//var w = wipeOut;

		            break;






           }

			



}