function readMore(link, content_id) {
    if (detectBrowser() == "firefox") {
//        console.log('firefox');
//        console.log(navigator.appCodeName);
        readMoreTransition(link, content_id);
    }
    else {
//        console.log('not firefox');
//        console.log(navigator.appCodeName);
        readMoreQuick(link, content_id);
    }
}
function readMoreQuick(link, content_id) {
    log("readMoreQuick");
    try {
        var content = document.getElementById(content_id);
        var classes = content.className;
        var link_classes = link.className;
        if (link.className.search(/read-more/) > -1) {
            log('expanding...');
            classes = classes.replace('collapsed', 'uncollapsed');
            log('classes: ' + classes);
            content.setAttribute('class', classes);
            content.className = classes;
            link.innerHTML = "Hide Content";
            link_classes = link_classes.replace('read-more', 'hide-content');
            link.className = link_classes;
            link.setAttribute('class', link_classes);
        }
        else {
//            log('collapsing...');
            classes = classes.replace('uncollapsed', 'collapsed');
            content.setAttribute('class', classes);
            content.className = classes;
            link.innerHTML = "Read More";
            link_classes = link_classes.replace('hide-content', 'read-more');
            link.className = link_classes;
            link.setAttribute('class', link_classes);
        }
    }
    catch (e) {
        log(e);
    }
}
function readMoreTransition(link, content_id) {
    var content = document.getElementById(content_id);
    var classes = content.className;
    var link_classes = link.className;
    classes += ' transition-height';
    content.setAttribute('class', classes);
    if (link.className.search(/read-more/) > -1) {
        //expanding
        content.style.height = "auto";
        var height = content.offsetHeight;
        content.style.height = "";
        content.offsetHeight;
        content.style.height = height + "px";
        link.innerHTML = "Hide Content";
        link_classes = link_classes.replace('read-more', 'hide-content');
        link.setAttribute('class', link_classes);
    }
    else {
        //collapsing
        content.style.height = "";
        link.innerHTML = "Read More";
        link_classes = link_classes.replace('hide-content', 'read-more');
        link.setAttribute('class', link_classes);
    }
}