$(function(){
	transcript.init();	
});

var transcript = {
    full_height: null,
    
    init: function() {
        $('#transcript').css('overflow', 'hidden');
        transcript.height = $('#transcript').height();
	    if(transcript.height <= 75) {
	        return;
	    }
	
	    $('#transcript').height(75);
	    $('#transcript').after('<p id="transcriptMore"><a href="#" onclick="transcript.more(); return false;">Read More</a></p>');
    },
    
    more: function() {
        $('#transcriptMore').remove();
        
        $('#transcript').animate({
            height: transcript.height + 'px'
        });
    }
}

