
function pictureBoxItemText() {

    var list = $$('#content_box_container .photo');
    var textList = $$('#content_box_container .photo .menu_bg');

    list.each( function( item, index ) {

        textList[index].setStyle('opacity', 0);

        var myFx  = new Fx.Morph( textList[index], {duration: 500, transition: Fx.Transitions.Sine.easeOut });

        item.addEvent( 'mouseover', function( e ){

            if ( textList[index].getStyle('opacity') == 0 )
            {
                myFx.start({
                    'opacity': [0,1]
                });
            }  
        });

        item.addEvent( 'mouseleave', function( e ){
            myFx.cancel();
            myFx.start({
                'opacity': [1,0]
            });
        });
    });
} 