BAREFOOT.gallery = function(id, attachTo) {
   this.select = function(link) {
      if( link == this.lastActive )
         return;

      this.ttl.innerHTML = this.data[link.ref].title;

      if( this.data[link.ref].video != undefined ) {
         this.img.style.visibility = 'hidden';
         this.img.style.display = 'none';
         this.video.style.display = 'none';

         this.mediaPlayer.addVariable('file', this.data[link.ref].video);
         this.mediaPlayer.addVariable('image', this.data[link.ref].preview);
         this.mediaPlayer.write('bf-gallery-video');

         this.video.style.backgroundImage = 'url('+ this.data[link.ref].image +')';
         this.video.style.display = 'block';
      } else {
         this.img.src = this.data[link.ref].image;
         this.img.style.display = 'block';
         this.img.style.visibility = 'visible';
         this.video.style.display = 'none';
      }

      if( this.lastActive != undefined )
         this.lastActive.className = 'nav';

      link.className = 'nav_on';

      this.lastActive = link;
   };

   var dataElement = document.getElementById(id);
   dataElement.style.display = 'none';

   var images = YAHOO.util.Dom.getElementsByClassName('bf-gallery-image', 'img', dataElement);
   var data = new Array( images.length );

   for( i=0; i < images.length; i++ ) {
      data[i] = new Object();
      data[i].image = images[i].src;
      data[i].title = images[i].title;

      if( images[i].parentNode.className == 'bf-gallery-video' ) {
         data[i].video = images[i].parentNode.href;
         data[i].preview = images[i].parentNode.rel;
      }
   }

   this.data = data;

   this.nav = document.createElement('div');
   this.img = document.createElement('img');
   this.ttl = document.createElement('div');
   this.video = document.createElement('div');


   var baseElement = document.getElementById(attachTo);
   baseElement.className = 'portfolio';

   this.nav.className = 'nav';
   this.ttl.className = 'ttl';

   this.video.className = 'bf-gallery-video-box';



   this.nav.appendChild(this.ttl);

   var firstGallery;
   for( i = 0; i < data.length; i++ ) {
      var link = document.createElement('a');
      link.className = 'nav';
      link.ref = i;
      link.element = this;
      link.title = data[i].title;
      link.onclick = function() { this.element.select(this); };

      this.nav.appendChild(link);

      if( i == 0 )
         firstGallery = link;
   }

   var tmp = document.createElement('div');
   tmp.id = 'bf-gallery-video';
   this.video.appendChild( tmp );

   baseElement.appendChild(this.nav);
   baseElement.appendChild(this.img);
   baseElement.appendChild(this.video);



   var so = new SWFObject( '/res/flash/flvplayer.swf', 'mpl', '360', '290', '8' );
   so.addParam('allowfullscreen', 'true');
   so.addVariable('enablejs','true');
   so.addVariable('javascriptid', 'mpl');
   so.addVariable('file', '/res/flash/CCFC_tv_spot.flv');
   so.addVariable('width', '360');
   so.addVariable('height', '290');
   so.addVariable('displayheight', '270');
   so.addVariable('shownavigation','false');
   so.addVariable('showdownload','false');
   so.addVariable('showdigits','false');
   so.addVariable('showvolume','true');
   so.addVariable('showeq','false');
   so.addVariable('backcolor','0xFFFFFF');
   so.addVariable('frontcolor','0x000000');
   so.addVariable('screencolor','0x000000');
   so.write('bf-gallery-video');

   this.mediaPlayer = so;

   if( this.data.length > 0 ) {
      this.select(firstGallery);
   }
}