/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


Event.observe(window, 'load', function() {
    var slideBoxes = $$('.boxSlide');
    slideBoxes.each(function(ele) {
        ele.lschild = ele.childElements();
        Event.observe(ele, 'mouseenter', function(event) {
            new Effect.Morph(ele.lschild[0], {style:'height:1px', duration: 0.5});
        });
        Event.observe(ele, 'mouseleave', function(event) {
            new Effect.Morph(ele.lschild[0], {style:'height:86px', duration: 0.5});
        });
    });
	
	var readMore = $$('a.read-more');
    readMore.each(function(ele) {
		Event.observe(ele, 'click', function(event) {
			Event.stop(event);
			ele.up(".read-more-holder").addClassName("read-more-displayed");
        });
	});
	var readLess = $$('a.read-less');
    readLess.each(function(ele) {
		Event.observe(ele, 'click', function(event) {
			Event.stop(event);
			ele.up(".read-more-holder").removeClassName("read-more-displayed");
        });
	});
});