var loadingGif = '<img src="/images/ajax/indicator.gif" id="loadingGif" />';

$(document).ready(function() {

    if ($("input[@id*=hiddenMood]").val() == "") {
        document.getElementById("none_mood").className = "activemood";
    }
    else {
        var currentMood = $("input[@id*=hiddenMood]").val();
        if (document.getElementById(currentMood + "_mood"))
            document.getElementById(currentMood + "_mood").className = "smiley-" + currentMood + "-icon activemood";
    }

    

});

function make_selected(linkHighlight)
{ 
    var linkID=linkHighlight.id;
    var index = linkID.indexOf("_");
    var moodSelected = linkID.substring(0,index);
    $("input[@id*=hiddenMood]").val(moodSelected);
    
    $(".activemood").removeClass("activemood");
    linkHighlight.className="smiley-"+moodSelected+"-icon activemood";
    
    $("li#selectedMood").html('Mood Selected: ' + '<span class="smiley-'+moodSelected+'-icon">'+moodSelected+'</span>');
    $("div#showMoods").slideUp();
}

// ALL ELEMENTS on /blog/miniBlogSite.aspx except when commented otherwise
function updateStatus()
{
    document.getElementById("loadingPostMiniblog").style.display="block";  // element on profiles/Modules/BasicInfo.ascx
    document.getElementById("updatedStatus").style.display="none";
    var mood =  $("input[@id*=hiddenMood]").val();
    var status = $("textarea[@id*=moodTextBox]").val();    
    
    $("textarea[@id*=moodTextBox]").val('');
    
    if(mood=="none")
    {
        mood="";
    }
    if (status != '')
    {
        $("#updateMoodButton").after(loadingGif);
        
        var feedUrl="/ajax/updateStatus.aspx";
        $.ajax({
            type: "POST",
            url: feedUrl,
            data: "updateStatus=1&status=" + status + "&mood=" + mood,
            success: function(msg) {
                var hlStatusUpdate = $("a[@id*=hlStatusUpdate]").html(status); // element on profiles/Modules/BasicInfo.ascx
                var targetContent = jQuery("#display-minipost");
                if (targetContent.css('display') == 'none') {
                    targetContent.slideDown(300);
                }
                else {
                    targetContent.slideUp(300);
                }

                //	var statusNode = msg.getElementsByTagName("status");
                // var status = statusNode[0].firstChild.data;

                var targetContent = $('#showMoods');
                if (targetContent.css('display') != 'none') {
                    targetContent.slideUp(300);
                }
                document.getElementById("updatedStatus").style.display = "block";
                $("#updatedStatus").fadeOut(3000);

                var reponse = msg.getElementsByTagName("STATUS")[0];

                var statusid = reponse.getAttribute("id");
                var username = reponse.getElementsByTagName("USERNAME")[0].firstChild.nodeValue;
                var mempic = reponse.getElementsByTagName("MEMPIC")[0].firstChild.nodeValue;
                var time = reponse.getElementsByTagName("TIMEPOSTED")[0].firstChild.nodeValue;

                if (mood == '') {
                    mood = 'none';
                }
                var newLI = getLatestPost(statusid, mempic, mood, status, time, username);

                // add new status to list
                $("div.miniblogs-results[@id!=mostResponses] > ul").prepend(newLI);

                setAjaxClicks();

                document.getElementById("loadingPostMiniblog").style.display = "none"; // element on profiles/Modules/BasicInfo.ascx

                $("#loadingGif").remove();
                if ($("input[@id*=hdnFBConnect]").val()=="true") {
                    pulish_to_FB(statusid);
                }
            },
            error: function() {
                $("#loadingGif").remove();
            }
        });
    }
    else
    {        
	    //alert('You cannot post an empty mini-blog');
    }
}

function toggleMood()
{    
	var targetContent = $('#showMoods');
	if (targetContent.css('display') == 'none') {
		targetContent.slideDown(300);
	} else {
		targetContent.slideUp(300);
	
	}
	return false;
}

function getLatestPost(statusid,mempic,mood,text,timeposted,username)
{
    var ret ='<li>';
    ret += '<div class="mb-avatar" style="float:left;">';
    ret += '<input type="hidden" runat="server" ID="hdnID" Value="'+statusid+'" />';
    ret += '<img src="'+thumbnailer+'?Section=homePROFILES&constrain=1&w=68&h=&image='+mempic+'" />';
    ret += '</div>'; //div mb-avatar close
    ret += '<div class="mb-post">';
    ret += '<div class="mb-content">';
    ret += '<div class="mb-smiley"><a class="smiley-'+mood+'-icon" href="miniRead.aspx?id='+statusid+'"></a></div>';
    ret += '<div class="mb-entry">';
    ret += '<img src="/images/v8/quotes_open-trans.png" />';
    ret += '<a href="miniRead.aspx?id='+statusid+'" class="mb-tweet">'+text+'</a>';
    ret += '<img src="/images/v8/quotes_close-trans.gif" border="0" />';
    ret += '<div class="mb-meta-top">';
    ret += '<a href="/profiles/profile.aspx?user='+username+'">'+username+'</a>';
    ret += ' Posted ' + timeposted;
    ret += '</div>'; // div mb-meta-top
    ret += '</div>'; //div mb-entry close
    ret += '</div>'; //div content
    ret += '<div class="mb-meta-bottom">';
    ret += '<a class="aResponse add-icon" href="javascript:;">Join the conversation</a>';
    ret += '<a class="null comment-icon" href="javascript:;" id="aPostings">Replies (0)</a>';
    ret += '</div>'; // div mb-meta-bottom
    
    ret += '<div class="divThread" style="display: none;">';
    ret += '<div class="entry comment_leave">';
    ret += '<textarea name="textarea" style="width:355px" class="input" id="aPostResponseText_'+statusid+'"></textarea>';
    ret += '<div class="mennu cl">';
    ret += '<ul>';
    ret += '<li class="on"><a href="javascript:;" rel="'+statusid+'" class="aPostResponse">Post response</a></li>';
    ret += '</ul>';
    ret += '</div>'; // div mennu close
    ret += '</div>'; // div entry close
    ret += '</div>'; // div divThread close
    
    ret += '<div class="miniblog-thread" style="display:none;">';
    ret += '<ul><li></li></ul>';
    ret += '</div>'; //div miniblog-thread close
    
    ret += '</div>'; //div mb-post close
    ret += '</li>';
        
    
    
    return ret;
}