/*window.onload = function(){
			//$('logo').setStyle({visibility: 'visible'});	
			//$('one').setStyle({visibility: 'visible'});
			//$('logo').setStyle({visibility: 'visible'});
			//$('one').appear();
			//new Effect.Opacity('logo', { from: 1.0, to: 0.7, duration: 0.5 });
			//new Effect.Opacity('one', {from: 0.0, to: 0.0, duration: 0.0}); 
			//new Effect.Opacity ('logo', { from: 0.0, to: 1.0, duration: 1.0});
			//new Effect.Appear('one', {duration:1, from:0, to:1.0});
			

				new Effect.Opacity('logo', { from: 0.0, to: 0.999, duration: 1.0, queue: { position: 'end', scope: 'logo' }, afterFinish: function() { 
								//$('one').setStyle({visibility: 'visible'});
								new Effect.Opacity('one', {from: 0.0, to: 0.999, duration: 1.0}); 
								} });

			
//new Effect.multiple('one', Effect.Fade); // performs an Effect.Fade for each childNode of the given element
//new Effect.multiple(['first', 'second', 'third'], Effect.Puff); // performs an Effect.Puff for each element in the given array
//new Effect.multiple('one', Effect.Fade, { speed: 0 }); // instantely performs an Effect.Fade for each childNode of the given element
}*/




/*function() {
    $('multiple_demo').observe('click', fadeListItems);
    $('reset_link').observe('click', reset);
    
    var listItems = $('multiple_demo').select('li');
    
    function fadeListItems() {
      Effect.multiple(listItems, Effect.Fade);
    }
    
    function reset(event) {
      event.stop();
      Effect.multiple(listItems, Effect.Appear);
    }
  })();*/
  document.write('<style>');
document.write('.invisible {');
document.write('filter:alpha(opacity=0); ');
document.write('-moz-opacity: 0.0; ');
document.write('opacity: 0.0;');
document.write('}');
document.write('</style>');
  
  function floatCloud(element){
	new Effect.Move(element, { x: 6, y: -3, mode: 'relative', duration: 1.0, queue: { position: 'end', scope: element } });
	new Effect.Move(element, { x: -4, y: 5, mode: 'relative', duration: 1.0, queue: { position: 'end', scope: element } });
	new Effect.Move(element, { x: 5, y: 2, mode: 'relative', duration: 1.0, queue: { position: 'end', scope: element } });
	new Effect.Move(element, { x: -7, y: -4, mode: 'relative', duration: 1.0, queue: { position: 'end', scope: element }, afterFinish: function() { floatCloud(element); } });
}

function stopFloatCloud(element){
	var queue = Effect.Queues.get(element);
	queue.each(function(effect) { effect.cancel(); });
	new Effect.Move(element, { x: 0, y: 0, mode: 'absolute', duration: 1.0 });
}
var bild1;
var bild2;

function preload() {
	bild1 = new Image();
	bild2 = new Image();
	bild1.src = "img/img-dummy.png";
	bild2.src = "img/logo-dummy.png";
	//$('one').setStyle({visibility: 'hidden'});
	//$('logo').setStyle({visibility: 'hidden'});
	new Effect.Opacity('one', {from: 0.0, to: 0.0, duration: 0.0}); 
	new Effect.Opacity('logo', {from: 0.0, to: 0.0, duration: 0.0}); 
	}
function dest() {
	 var listItems2 = $('multiple_demo').select('li');
		Effect.multiple(listItems2, Effect.Fade);
		//Effect.multiple(listItems2, Effect.Appear);
		//Effect.multiple(listItems2, Effect.Fade, { speed: 0 });
		}
function dest2() {
	 var listItems3 = [$("e2"), $("e3"), $("e4"), $("e5")];
	// alert(listItems3);
		//Effect.multiple(listItems3, Effect.Appear);
		Effect.multiple(listItems3, Effect.Fade);
		//Effect.multiple(listItems2, Effect.Fade, { speed: 0 });
		}
function dest3() {
	 var listItems3 = [$("e2"), $("e3"), $("e4"), $("e5")];
	// alert(listItems3);
		Effect.multiple(listItems3, Effect.Appear);
		//Effect.multiple(listItems3, Effect.Fade);
		//Effect.multiple(listItems2, Effect.Fade, { speed: 0 });
		}
function dest4() {
	 var listItems4 = [$("e2"), $("e3"), $("e4"), $("e5")];
	 return listItems4;
	 }
	 
function showImage(){
		new Effect.Opacity('bild', {from: 0.0, to: 0.999, duration: 1.0}); 
	   }
	   
  
function showImages(){
		
       new Effect.Opacity('logo', { from: 0.0, to: 0.999, duration: 1.0, queue: { position: 'end', scope: 'logo' }, afterFinish: function() { 
								//$('one').setStyle({visibility: 'visible'});
								new Effect.Opacity('third', {from: 0.0, to: 0.999, duration: 1.0}); 
								} });
	   }
	function showLinks() {
		new Effect.Opacity('second', { from: 0.0, to: 0.999, duration: 1.0, queue: { position: 'end', scope: 'second' }, afterFinish: function() { 
								//$('one').setStyle({visibility: 'visible'});
								new Effect.Opacity('first', {from: 0.0, to: 0.999, duration: 1.0}); 
								} });
		}
function floatCloud2(element){
	//new Effect.Opacity(element, {from: 0.0, to: 0.999, duration: 1.0, queue: { position: 'end', scope: element } });
	//new Effect.Opacity(element, {from: 1.0, to: 0.0, duration: 1.0, queue: { position: 'end', scope: element } });
	//new Effect.Opacity(element, {from: 0.0, to: 1.0, duration: 1.0, queue: { position: 'end', scope: element } });
	new Effect.Move(element, { x: -1224, y: 0, mode: 'relative', duration: 10.0, queue: { position: 'end', scope: element } });
	//new Effect.Move(element, { x: -1224, y: 0, mode: 'relative', duration: 10.0, queue: { position: 'end', scope: element } });
	//new Effect.Opacity(element, {from: 1.0, to: 0.0, duration: 1.0, queue: { position: 'end', scope: element } });
	//new Effect.Move(element, { x: 1224, y: 0, mode: 'relative', duration: 1.0, queue: { position: 'end', scope: element } });
	new Effect.Move(element, { x: 1224, y: 0, mode: 'relative', duration: 1.0, queue: { position: 'end', scope: element }, afterFinish: function() { floatCloud2(element); } });
}