/*
 *
 * usage
 *
 * <div class="expandingText">
 *      <a class="button">Button name</a>
 *      <div class="expandingTextInner">Text comes here</div>
 * </div>
 *
 */
$(document).ready(function() {
    $(".expandingText .expandingText").each(function() {
        $(this).find(".button").removeClass('button');
        $(this).removeClass('expandingText');
    });

    $(".expandingText .button").each(function() {
        $(this).replaceWith($('<a class="button" href="#expand">' + this.innerHTML + '</a>'));
    });
    
    $(".expandingText").each(function() {
        var inner = $(this).find(".expandingTextInner");
        $(this).find(".button").click(function() { 
            inner.toggle(700,function() {
                //flexscroll support
                $('.flexcroll').each(function() {
                    if(this.scrollUpdate) this.scrollUpdate();
                });
            });
            return false;
        });
        inner.hide();
    });
});