// JavaScript Document

/* Global Variables
***********************************************************************/
var fbCommentID = 0;
var fbTotalID = 0;
var fbStoredTotalHeight = 0;
var fbTotalHeight = 0;
var req = new XMLHttpRequest();
var fb;
var initial = true;
/**********************************************************************/


/* Document Load
***********************************************************************/
$(window).load(function () {

    // Set Gloabal Variables
    //fb = $('#facebook');

    // Creat Facebook Status Update Feed
    //req.open("GET", "http://leejeans-templates.melb-www-01.melbourne.reactive/handlers/facebook.ashx", /*async*/true);
    //req.onreadystatechange = myHandler;
    //req.send(/*no params*/null);



});

/**********************************************************************/


/* Facebook Feed
***********************************************************************/

// Facebook Setup Feed
function myHandler() {

    if (req.readyState == 4 /*complete*/) {
        var card = eval('(' + req.responseText + ')');
        for (i = 0; i < card.channel.item.length; i++) {

            var item = "fb" + (i + 1);
            var comment = card.channel.item[i].Comment
            var comments = card.channel.item[i].Comments;
            var likes = card.channel.item[i].Likes

            $('#facebook').append("<p id =" + item + ">" + comment + "<br/><span class='fbComments'>comments " + comments + "</span><br/><span class='fbLikes'>likes " + likes + "</span></p>");
            fbTotalID++;
            //fbCommentID++;
        }
       	//Cufon.replace('#facebook p', { textTransform: 'none' });
        //fbTotalID = fbCommentID;
        fbCommentID = 0;

        fbTotalHeight = $(fb).height();
        fbStoredTotalHeight = fbTotalHeight;
        $(fb).css('top', -fbTotalHeight);


        updateFacebookFeed();

        // Start Facbook Status Update Feed Animation
        //setInterval(updateFacebookFeed, 5000);
    }
}

// Facebook Animate Feed
function updateFacebookFeed() {
    if (initial) {

        fbCommentID = fbTotalID;

    }
    var item = "#fb" + fbCommentID
    fbTotalHeight -= ($(item).height() + 21);

    if (fbCommentID == fbTotalID) {
        $('.facebooktileItem .fbLoader').css('display', 'none');
    }

    if (fbCommentID <= 0 && !initial) {
        facebookReset();
    }
    else {

        $(fb).animate({ 'top': -fbTotalHeight }, { duration: 800, easing: easingMethod });
        fbCommentID--;

        if (initial)
            setInterval(updateFacebookFeed, 5000);

        initial = false;

    }

}

// Facebook Restart Feed Animation
function facebookReset() {
    fbCommentID = fbTotalID;
    fbTotalHeight = fbStoredTotalHeight;
    $(fb).fadeOut(500, function () {
        $(fb).css('top', -fbTotalHeight);
        $(fb).show();
    })
}

/***********************************************************************/