document.observe('dom:loaded', function() {

$('page_label').fade({ duration: 2.3, from: 1, to: 0, queue: 'end' });
//document.getElementById("page_label").style.backgroundImage = "url(../img/grau_flaeche.png)";

function checkBrowserName(name){  
   var agent = navigator.userAgent.toLowerCase();  
   if (agent.indexOf(name.toLowerCase())>-1) {  
     return true;  
   }  
   return false;  
 }  
 
 if(checkBrowserName('MSIE')){  
  //alert('Du bist ein Explorer!');  



$('r_k_1').appear({delay: 0.6, duration: 0.1, queue: 'end' });
$('rk_pic_1').morph('width:300px; height:300px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );

$('r_k_2').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_2').morph('width:260px; height:260px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );


$('r_k_5').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_5').morph('width:300px; height:300px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );

$('r_k_4').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_4').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );

/*

*/


$('r_k_3').appear({  duration: 0.1, queue: 'end' });
$('rk_pic_3').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );

//$('rk_pic_4').puff({ duration: 0.2, queue: 'end' });

$('r_k_6').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_6').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );







$('r_k_8').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_8').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );




$('r_k_7').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_7').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );




$('r_k_9').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_9').morph('width:150px; height:150px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );


$('r_k_10').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_10').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );





 new Effect.Parallel([
   
  new Effect.Morph('rk_pic_1', { sync: true, style: 'width:0px; height:0px;'}),
  new Effect.Move('rk_pic_1',  { sync: true, x: Math.round(Math.random() * 1000), y: Math.round(Math.random() * 1000), mode: 'relative' }),
 new Effect.Morph('rk_pic_2', {sync: true, style: 'width:0px; height:0px;'}),
 new Effect.Move('rk_pic_2',  { sync: true, x: Math.round(Math.random() * 1000), y: Math.round(Math.random() * -1000), mode: 'relative' }),
     
    new Effect.Morph('rk_pic_3', {sync: true, style: 'width:0px; height:0px;'}),
     new Effect.Move('rk_pic_3',  { sync: true, x: Math.round(Math.random() * 1000), y: Math.round(Math.random() * 1000), mode: 'relative' }),
     
     new Effect.Morph('rk_pic_4', {sync: true, style: 'width:0px; height:0px;'}),
     new Effect.Move('rk_pic_4',  { sync: true, x: Math.round(Math.random() * 1000), y: Math.round(Math.random() * -1000), mode: 'relative' }),
     
 new Effect.Morph('rk_pic_5', {sync: true, style: 'width:0px; height:0px;'}),
 new Effect.Move('rk_pic_5',  { sync: true, x: Math.round(Math.random() * 1000), y: Math.round(Math.random() * 1000), mode: 'relative' }),
 
     new Effect.Morph('rk_pic_6', {sync: true, style: 'width:0px; height:0px;'}),
     new Effect.Move('rk_pic_6', { sync: true, x: Math.round(Math.random() * 1000), y: Math.round(Math.random() * -1000), mode: 'relative' }),

       new Effect.Morph('rk_pic_7', {sync: true, style: 'width:0px; height:0px;'}),
 new Effect.Move('rk_pic_7',  { sync: true, x: Math.round(Math.random() * 1000), y: Math.round(Math.random() * 1000), mode: 'relative' }),
 
     new Effect.Morph('rk_pic_8', {sync: true, style: 'width:0px; height:0px;'}),
     new Effect.Move('rk_pic_8', { sync: true, x: Math.round(Math.random() * 1000), y: Math.round(Math.random() * -1000), mode: 'relative' }),
      
      
 new Effect.Morph('rk_pic_9', {sync: true, style: 'width:0px; height:0px;'}),
 new Effect.Move('rk_pic_9',  { sync: true, x: Math.round(Math.random() * 1000), y: Math.round(Math.random() * 1000), mode: 'relative' }),
 
 new Effect.Morph('rk_pic_10', {sync: true, style: 'width:0px; height:0px;'}),
 new Effect.Morph('rk_pic_10',  { sync: true, x: Math.round(Math.random() * 1000), y: Math.round(Math.random() * 1000), mode: 'relative' })
 ], { 
 
  queue: 'end',
    duration: 0.6,
   afterFinish: function() { kill_ani() }
  
  });






return false;
}  
 
else{ 
//not explorer case

$('r_k_1').appear({delay: 0.8, duration: 0.1, queue: 'end' });
$('rk_pic_1').morph('width:300px; height:300px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );

$('r_k_2').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_2').morph('width:260px; height:260px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );


$('r_k_5').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_5').morph('width:300px; height:300px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );

$('r_k_4').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_4').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );

/*

*/


$('r_k_3').appear({  duration: 0.1, queue: 'end' });
$('rk_pic_3').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );

//$('rk_pic_4').puff({ duration: 0.2, queue: 'end' });

$('r_k_6').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_6').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );





/*

*/


$('r_k_8').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_8').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );

/*

*/

$('r_k_7').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_7').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );



$('r_k_9').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_9').morph('width:150px; height:150px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );


$('r_k_10').appear({ duration: 0.1, queue: 'end' });
$('rk_pic_10').morph('width:200px; height:200px;', { duration: 0.2, queue: 'end', transition: Effect.Transitions.spring } );

/*

new Effect.Parallel([
 
  new Effect.Puff('rk_pic_1', { sync: true}),
  new Effect.Puff('rk_pic_2', { sync: true}),
  new Effect.Puff('rk_pic_3', { sync: true}),
  new Effect.Puff('rk_pic_4', { sync: true}),
  new Effect.Puff('rk_pic_5', { sync: true}),
  new Effect.Puff('rk_pic_6', { sync: true }),
  new Effect.Puff('rk_pic_7', { sync: true}),
  new Effect.Puff('rk_pic_8', { sync: true }),
  new Effect.Puff('rk_pic_9', { sync: true}),
  new Effect.Puff('rk_pic_10', { sync: true})
   ], { 
 
  queue: 'end',
    duration: 0.6,
   afterFinish: function() { kill_ani() }
  });
*/


$('rk_pic_1').puff({ delay: 0.6, duration: 0.1, queue: 'end' });
$('rk_pic_2').puff({ duration: 0.1, queue: 'end' });
$('rk_pic_3').puff({ duration: 0.1, queue: 'end' });
$('rk_pic_4').puff({ duration: 0.1, queue: 'end' });
$('rk_pic_5').puff({ duration: 0.1, queue: 'end' });
$('rk_pic_6').puff({ duration: 0.1, queue: 'end' });
$('rk_pic_7').puff({ duration: 0.1, queue: 'end' });
$('rk_pic_8').puff({ duration: 0.1, queue: 'end' });
$('rk_pic_9').puff({ duration: 0.1, queue: 'end' });
$('rk_pic_10').puff({ duration: 0.1, queue: 'end', afterFinish: function() { kill_ani() } });


return false;
}
});

function kill_ani(){

document.getElementById("ani_wrap_2").style.display = "none";

}