window.addEvent('domready', function() {
    ////	//First Example
    //	var el = $('myElement'),
    //		color = el.getStyle('backgroundColor');
    //	
    //	// We are setting the opacity of the element to 0.5 and adding two events
    //	$('myElement').set('opacity', 0.5).addEvents({
    //		mouseenter: function(){
    //			// This morphes the opacity and backgroundColor
    //			this.morph({
    //				'opacity': 1,
    //				'background-color': '#c6d880'
    //			});
    //		},
    //		mouseleave: function(){
    //			// Morphes back to the original style
    //			this.morph({
    //				opacity: 0.5,
    //				backgroundColor: color
    //			});
    //		}
    //	});

    // Second Example

    // The same as before: adding events
    var i, j;
    var heights = new Array();
    var ss;
    if ($('hid') != null)
        j = ($('hid').value);




    for (i = 0; i <= j; i++) {
        if ($('sid' + i) != null) {
            heights[i] = 25 * ($('sid' + i).value);



        }
        if ($('myOtherElement' + i) != null) {//maryam added this because of masterpage :))


            $('myOtherElement' + i).addEvents(
        {

            'mouseenter': function() {

               // alert(i);

                // ss = heights [1];

                // Always sets the duration of the tween to 1000 ms and a bouncing transition
                // And then tweens the height of the element
                this.set('tween', {
                    duration: 1000,
                    transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
                }).tween('height', '100px');
            },
            'mouseleave': function() {
                // Resets the tween and changes the element back to its original size
                this.set('tween', {}).tween('height', '15px');
            }
        });
        }
    }
});