var expressionContainer = "#expressionContainer";
var contentContainer = "#contentContainer";

function DisplayExpression(ExpressionValue, FirstName) {
    
    if (ExpressionValue != '' && ExpressionValue != undefined) {

        var NoPreviousExpression = jQuery(expressionContainer).html() == '';

        if (NoPreviousExpression) {
            SetNewExpression(ExpressionValue, FirstName);
            jQuery(contentContainer).fadeOut(0, function() { jQuery(expressionContainer).fadeIn(); jQuery("#lnkBack").click(function() { HideExpression(); return false; }); });            
        }
        else {
            jQuery(expressionContainer).fadeOut(0, function() { SetNewExpression(ExpressionValue, FirstName); jQuery(expressionContainer).show(); jQuery("#lnkBack").click(function() { HideExpression(); return false; }); });
        }
        
    }
}

function HideExpression() {
    jQuery(expressionContainer).fadeOut(0, function() { jQuery(expressionContainer).empty(); jQuery(contentContainer).show(); });
}

function SetNewExpression(ExpressionValue, FirstName) {
    jQuery(expressionContainer).empty();
    jQuery(expressionContainer).append(GetExpressionMarkup(ExpressionValue, FirstName));
}

function GetExpressionMarkup(ExpressionValue, FirstName) {
    return GetExpressionHeader() +
           GetAccost(FirstName) +
           GetContent(ExpressionValue) +
           GetExpressionFooter();
}

function GetExpressionHeader() {
    return '<div id="answer-holder">' +
           '<div id="answer-inner">' +
           '<div id="answer-main">' +
           '<div class="answer-content">';
}

function GetAccost(FirstName) {
    if (FirstName != '' && FirstName != undefined) {
        return '<div class="a-username">' + FirstName + ',</div><div class="a-intro">odgovor na Vaše pitanje glasi:</div>';
    }
    else {
        return '<div class="a-intro">Odgovor na Vaše pitanje glasi:</div>';
    }
}

function GetContent(ExpressionValue) {
    return '<div class="a-content">»' + ExpressionValue + '«</div>' +
           '<div class="a-backlink"><a href="#" id="lnkBack" title="Povratak">Povratak</a></div>';
}

function GetExpressionFooter() {
    return '</div>' +
           '</div>' +
           '</div>' +
           '</div>';
}