var friends;
var currentFriend = 0;
var selectedTargetId;

function loadFriends() 
{
    var api = FB.Facebook.apiClient;   
    api.fql_query("SELECT uid FROM user WHERE uid IN (SELECT uid2 FROM friend WHERE uid1=" + currentUserId + ") and is_app_user=1", function(result, ex) {   
  
        friends = result;
        loadFriend(0);  
    });     
}

function loadFriend(ind) 
{
    var contntData = "";
    if (friends.length > 0) 
    {
        contntData += "<a href='#' onclick='movePrev();return false;'>Prev</a> | <a href='#' onclick='moveNext();return false;'>Next</a><br /><br />";
        contntData += "<div style='height:50px;'><fb:profile-pic linked='false' uid='" + friends[ind].uid + "' size='square'></fb:profile-pic> <a href='http://www.facebook.com/profile.php?id=" + friends[ind].uid + "' target='_blank'><fb:name linked='false' uid='" + friends[ind].uid + "'></fb:name></a></div>";
        
        contntData += "<div id='frndData' style='height:300px;'></div>";
        loadFriendData(friends[ind].uid);
    }
    else
    {
        contntData += "No facebook friends on Bathroom Stall Vandalism yet...";    
    }
    
    var dataSection = $("dataSection");
    dataSection.innerHTML = contntData;
    FB.XFBML.Host.parseDomElement(dataSection);
}

function moveNext() 
{
    currentFriend++;
    if (currentFriend > (friends.length - 1))
    {
        currentFriend = 0;
    }
    
    loadFriend(currentFriend); 
}

function movePrev() 
{
    currentFriend--;
    if (currentFriend < 0)
    {
        currentFriend = friends.length - 1;
    }
    
    loadFriend(currentFriend); 
}

function loadFriendData(uid) 
{
    selectedTargetId = uid;
    handleLoadFriendData();
}

function handleLoadFriendData()
{
    // reset rslt div
    var rslt = $("rslt");
    
    rslt.style.backgroundColor = "#FFB6C1";
    rslt.style.border = "#ee0000 1px solid";
    rslt.innerHTML = "<a href='fbcanvas.aspx?targetid=" + selectedTargetId + "'>Enter <fb:name linked='false' firstnameonly='true' possessive='true' uid='" + selectedTargetId + "'></fb:name> bath now!</a>";
    
    FB.XFBML.Host.parseDomElement(rslt);
}