// Animate!
window.addEvent('domready', function()
{
   $$('.watchVideo').each(function(watch){
		watch.addEvent('click', function() { toggleVideo(); });
	});

   // Images to preload and put int he slideshow
   var images = [
      'images/Enzon Images_0022_Debocyt Background.jpg',
      'images/Enzon Images_0016_Flash Homepage Image.jpg',
      'images/Enzon Images_1111_Family.jpg'];
   var loader = new Asset.images(images,
   {
      onComplete: function()
      {
         // Prepare elements for animation
         $('anim-text-box').setStyle('opacity', '0');
         $('anim-text-box').setStyle('display', 'block');
         $('anim-text').setStyle('opacity', '0');

         // Morphs used for beginning animation
         var transBgMorph = new Fx.Morph('anim-transparent', {duration: 'long', transition: Fx.Transitions.Quad.easeInOut});
         var textBoxMorph = new Fx.Morph('anim-text-box');
         var arrowMorph = new Fx.Morph('anim-arrow');
         var textMorph = new Fx.Morph('anim-text');

         // Begin main animation
         transBgMorph.start({'top': '239px'}).chain(function()
         {
            textBoxMorph.start({'opacity': '1'});
            arrowMorph.start({'left': [-63, -26]}).chain(function()
            {
               textMorph.start({'opacity': '1'});
            });
         });

        // Slideshow
         var i = { img: images, counter: 0 };
         var slideshow = function()
         {
            var imgMorph = new Fx.Morph('anim-image', {duration: 'long', transition: Fx.Transitions.Quad.easeInOut});
            var nextImage = new Element('img',
            {
               'src': this.img[this.counter % this.img.length],
               'id': 'anim-image2',
               'class': 'anim-image'
            });

            nextImage.inject($('anim-image'), 'before');
            imgMorph.start({'opacity': '0'}).chain(function()
            {
               $('anim-image').dispose();
               $('anim-image2').id = 'anim-image';
            });
            this.counter++;
         };
         slideshow.periodical(4000, i);
      }
   });
});

function toggleVideo()
{
   var videoMorph = new Fx.Morph('videoPlayer');
   if (parseInt($('videoPlayer').getStyle('left')) == 5)
   {
      videoMorph.start({'left': [5,753]});
   }
   else
   {
      videoMorph.start({'left': [753,5]});
   }
}