var timer;
var startOpacity = '1';
var endOpacity = '0.3';

window.addEvent('domready',function() {
        imgs = $$('#content img');
        for(i = 0; i < imgs.length; i++) {
                if(imgs[i].id != 'bigPic' && !imgs[i].src.contains('blank.jpg') && imgs[i].getProperty('class') != 'alone') {
                        imgs[i].setOpacity(startOpacity);

                        imgs[i].addEvent('mouseover', function(event) {
                                this.setOpacity(endOpacity);

                                var changeImage = function(z) {
                                        $('bigPic').src = $('preloadImage').getElements('img[name='+this.name+']')[0].src;
                                        $('bigPic').fade('in');
                                }

                                $('bigPic').fade('out');
                                timer = changeImage.delay(500,this);
                        }.bind(imgs[i]));

                        imgs[i].addEvent('mouseout', function(event) {
                                $clear(timer);
                                $('bigPic').fade('in');
                                this.setOpacity(startOpacity);
                        }.bind(imgs[i]));
                }
        }
});