window.addEvent('domready', function() {
	
	if (window.DD_belatedPNG) {
    // We enter all CSS selectors mathcing elements with background images
    // containing alpha transparency.
    DD_belatedPNG.fix([
      '.bubble-white-top', '.bubble-white-middle', '.bubble-white-bottom'
    ].join(', '));
  }
	
	//document.body.addClass('js');
	
    /* row 2 */
    var js_hide = $$('.js-hide');
    js_hide.each(function (element) {
        element.store('height', element.getHeight());
    });
    js_hide.setStyles({
      'overflow': 'hidden',
      'position': 'relative',
      'height': '0'
    });
    
    var row2 = $('row2');
    
    $$('.min-height').setStyles({
        'height': 0,
        'min-height': 0
    });
    
    var row2_elements = $('row2').getElements('.bubble');
    row2.getElement('.box_wrapper').setStyle('height', row2_elements.getHeight());
    
    if(row2_elements[0] != null) {
        row2_elements[0].setStyle('left', '0px');
    }
    if(row2_elements[1] != null) {
        row2_elements[1].setStyle('left', '348px');
    }
    if(row2_elements[2] != null) {
        row2_elements[2].setStyle('left', '696px');
    }
    
    row2_elements.addEvent('mouseenter', function() {
        var js_hide = this.getElements('.js-hide');
        js_hide.tween('height', js_hide.retrieve('height'));
        this.getElements('.js-show').setStyle('display', 'none');
    });
    row2_elements.addEvent('load', function() {
        this.getElements('.js-hide').tween('height', '0px');
        this.getElements('.js-show').setStyle('display', 'block');
    });
    row2_elements.addEvent('mouseleave', function() {
        this.getElements('.js-hide').tween('height', '0px');
        this.getElements('.js-show').setStyle('display', 'block');
    });
    /* row2 end */
});


