window.addEvent('domready', function() {
  
  var images = $$("#pictures img");
  var links = $$("#pictures a");
  
  links.each( function( link, i ) {
    link.addEvent('mouseenter', function() {
      images[i].tween('opacity', 0.6, 1);
      images[i].parentNode.parentNode.tween('background-color', '#2d342d','#000');
    });
    link.addEvent('mouseleave', function() {
      images[i].tween('opacity', 1, 0.6);
      images[i].parentNode.parentNode.tween('background-color', '#000', '#2d342d');
    });
  });
/*
  new Asset.images(images, {
		onProgress: function(i) {
		  if( i < images.length ) {
  			this.setStyles({
  				'position': 'absolute',
  				'opacity': 0,
  				'left': (image_div.getCoordinates().width / 2) - (this.width / 2),
  				'top': 5//(image_div.getCoordinates().height / 2) - (this.height / 2)
  			});
  			loadedImages[i] = this;
  			var percent = ((i + 1) * image_div.getStyle('width').toInt()) / images.length;
  			bar.setStyle('width', percent);
        bar.setHTML(i + 1 + ' / ' + images.length);
      }
		},
		onComplete: function() {
		  bar.setStyle('visibility','hidden');
		  image_div.effect( 'height', {
		      wait: false, duration: 1000, transition: Fx.Transitions.Back.easeOut
        }).start(160);
			
      loadedImages.each(function(image, i) {
        image.inject(image_div);
        links[i].addEvent('mouseenter', function() {
          image.effect('opacity', {duration: 500} ).start(1);
          image_div.effect('background-color',{duration: 500}).start('#3D443D');
        });
        links[i].addEvent('mouseleave', function() {
          image.effect('opacity', {duration: 500} ).start(0);
          image_div.effect('background-color',{duration: 500}).start('#2D342D');
        });
      });
		}
	});*/
});