window.addEvent('domready', function() {

var myFx = new Fx.Elements($$('.demoElement2')).set({
    '0': {
        'opacity': 0.3
    },
    '1': {
        'opacity': 0.3
    },
    '2': {
        'opacity': 0.3
    },
    '3': {
        'opacity': 0.3
    },
    '4': {
        'opacity': 0.3
    },
    '5': {
        'opacity': 0.3
    },
    '6': {
        'opacity': 0.3
    },
    '7': {
        'opacity': 0.3
    },
    '8': {
        'opacity': 0.3
    },
    '9': {
        'opacity': 0.3
    }
});

	var el1 = $('myElement1');
	$('fadeOpacity1').addEvent('mouseover', el1.fade.bind(el1, [1]));
	$('fadeOpacity1').addEvent('mouseleave', el1.fade.bind(el1, [0.3]));
	
	var el2 = $('myElement2');
	$('fadeOpacity2').addEvent('mouseover', el2.fade.bind(el2, [1]));
	$('fadeOpacity2').addEvent('mouseleave', el2.fade.bind(el2, [0.3]));
	
	var el3 = $('myElement3');
	$('fadeOpacity3').addEvent('mouseover', el3.fade.bind(el3, [1]));
	$('fadeOpacity3').addEvent('mouseleave', el3.fade.bind(el3, [0.3]));
	
	var el4 = $('myElement4');
	$('fadeOpacity4').addEvent('mouseover', el4.fade.bind(el4, [1]));
	$('fadeOpacity4').addEvent('mouseleave', el4.fade.bind(el4, [0.3]));
	
	var el5 = $('myElement5');
	$('fadeOpacity5').addEvent('mouseover', el5.fade.bind(el5, [1]));
	$('fadeOpacity5').addEvent('mouseleave', el5.fade.bind(el5, [0.3]));

	var el6 = $('myElement6');
	$('fadeOpacity6').addEvent('mouseover', el6.fade.bind(el6, [1]));
	$('fadeOpacity6').addEvent('mouseleave', el6.fade.bind(el6, [0.3]));

	var el7 = $('myElement7');
	$('fadeOpacity7').addEvent('mouseover', el7.fade.bind(el7, [1]));
	$('fadeOpacity7').addEvent('mouseleave', el7.fade.bind(el7, [0.3]));

	var el8 = $('myElement8');
	$('fadeOpacity8').addEvent('mouseover', el8.fade.bind(el8, [1]));
	$('fadeOpacity8').addEvent('mouseleave', el8.fade.bind(el8, [0.3]));
	
	var el9 = $('myElement9');
	$('fadeOpacity9').addEvent('mouseover', el9.fade.bind(el9, [1]));
	$('fadeOpacity9').addEvent('mouseleave', el9.fade.bind(el9, [0.3]));
	
	var el10 = $('myElement10');
	$('fadeOpacity10').addEvent('mouseover', el10.fade.bind(el10, [1]));
	$('fadeOpacity10').addEvent('mouseleave', el10.fade.bind(el10, [0.3]));
	
	
});