/* follow.js */

$(document).ready(function () {
    process(false);
    $("button").click(function () {
        process(true);
        return false;
    });
});


//  wonderful globals...
var g_screenname = "";

function process(fetch)
{
    $("button").attr("disabled", "disabled");
    
    g_screenname = $("#username").text();
    if (fetch) {
        var url = "http://api.twitter.com/1/followers/ids.json?screen_name=" + encodeURIComponent(g_screenname) + "&callback=gotFollowers";
        $.getScript(url);
    }
    else {
        gotFollowers(null);
    }
    return false;
}

/*
    if followers = nil, it just redisplays the current data
*/
function gotFollowers(followers)
{
    //  get the current data for screenname, if it exists.
    var localKey = g_screenname + "_followers";
    var currentDataString = localStorage.getItem(localKey);
    var currentData;
    if (currentDataString) {
        currentData = $.evalJSON(currentDataString);
    }
    else {
        currentData = [];
    }
    //  currentData: indexed array. each value is an object with the keys: date: (date as string); followers: array of IDs.
    if (followers) {
        currentData.push({ date: formatDate(new Date()), followers: followers.sort() });
        //  save it now
        currentDataString = $.toJSON(currentData);
        localStorage.setItem(localKey, currentDataString);
    }
    
    var table = displayTable(currentData);
    
    $("#output").html(table);

    $("button").removeAttr("disabled");
    
    $(".follower").click(getInfo);
}


function displayTable(data)
{
    var table = "<table class='followerTable'>\n";
    table += "<tr><th>date</th><th>followers gained</th><th>followers lost</th></tr>";
    for (var i=0; i<data.length; i++) {
        table += "<tr><td class='date'>" + data[i].date + "</td>";
        //  diff with previous! if there is a previous
        if (i == 0) {
            table += "<td colspan='2'>first run</td>";
        }
        else {
            //  make copies of the arrays because keepUniques() modifies in place
            var oldFollowers = data[i-1].followers.slice();
            var newFollowers = data[i].followers.slice();
            keepUniques(oldFollowers, newFollowers);
            //  now,  "oldFollowers" contains the followers we lost, and "newFollowers" the ones we gained
            table += "<td class='newFollowers'>" + (newFollowers.length ? formatFollowers(newFollowers): "(none)") + "</td>";
            table += "<td class='oldFollowers'>" + (oldFollowers.length ? formatFollowers(oldFollowers) : "(none)") + "</td>";
        }
        table += "</tr>\n";
    }
    
    table += "</table>";

    return table;
}

function formatFollowers(followers)
{
    var output = "";
    for (var i=0; i<followers.length; i++) {
        var followerId = htmlentities(followers[i]);
        output += "<a href='#' class='follower follower" + followerId + "'>" + followerId + "</a>";
        if (i < followers.length - 1)
            output += ", ";
    }
    return output;
}

/* called with 'this' equal to the a element */
function getInfo()
{
    var id = $(this).text();
    var url = "http://api.twitter.com/1/users/show.json?user_id=" + encodeURIComponent(id) + "&callback=gotUserInfo&suppress_response_codes=1";
    $.getScript(url);
    return false;
}

function gotUserInfo(userInfo)
{
    //  check for error
    if (userInfo.error) {
        //  annoying: i have to find the user id from the original request
        var regExp = /user_id=(\d+)/;
        var matches = regExp.exec(userInfo.request);
        var e = $(".follower" + matches[1]);
        e.html("<i>"+htmlentities(userInfo.error)+"</i>").unbind("click");
    }
    else {
        var e = $(".follower" + userInfo.id);
        e.text(userInfo.screen_name)
         .attr("href", "http://twitter.com/" + htmlentities(userInfo.screen_name))
         .attr("target", "_blank")
         .unbind("click");
    }
}

/*
array1 and array2 ARE MODIFIED, so make copies if you need to first!
*/

function sortFunction(a, b)
{
    return a - b; //  numerical order please
}

function keepUniques(a1, a2)
{
    var index1 = 0;
    var index2 = 0;
    a1.sort(sortFunction);
    a2.sort(sortFunction);
    while (index1 < a1.length && index2 < a2.length) {
        if (a1[index1] < a2[index2])
            index1++;
        else if (a1[index1] > a2[index2])
            index2++;
        else {
            //  remove the duplicate
            a1.splice(index1, 1);
            a2.splice(index2, 1);
        }
    }
}



function get_html_translation_table (table, quote_style) {
    // Returns the internal translation table used by htmlspecialchars and htmlentities  
    // 
    // version: 909.322
    // discuss at: http://phpjs.org/functions/get_html_translation_table
    // +   original by: Philip Peterson
    // +    revised by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   bugfixed by: noname
    // +   bugfixed by: Alex
    // +   bugfixed by: Marco
    // +   bugfixed by: madipta
    // +   improved by: KELAN
    // +   improved by: Brett Zamir (http://brett-zamir.me)
    // +   bugfixed by: Brett Zamir (http://brett-zamir.me)
    // +      input by: Frank Forte
    // +   bugfixed by: T.Wild
    // +      input by: Ratheous
    // %          note: It has been decided that we're not going to add global
    // %          note: dependencies to php.js, meaning the constants are not
    // %          note: real constants, but strings instead. Integers are also supported if someone
    // %          note: chooses to create the constants themselves.
    // *     example 1: get_html_translation_table('HTML_SPECIALCHARS');
    // *     returns 1: {'"': '&quot;', '&': '&amp;', '<': '&lt;', '>': '&gt;'}
    
    var entities = {}, hash_map = {}, decimal = 0, symbol = '';
    var constMappingTable = {}, constMappingQuoteStyle = {};
    var useTable = {}, useQuoteStyle = {};
    
    // Translate arguments
    constMappingTable[0]      = 'HTML_SPECIALCHARS';
    constMappingTable[1]      = 'HTML_ENTITIES';
    constMappingQuoteStyle[0] = 'ENT_NOQUOTES';
    constMappingQuoteStyle[2] = 'ENT_COMPAT';
    constMappingQuoteStyle[3] = 'ENT_QUOTES';

    useTable       = !isNaN(table) ? constMappingTable[table] : table ? table.toUpperCase() : 'HTML_SPECIALCHARS';
    useQuoteStyle = !isNaN(quote_style) ? constMappingQuoteStyle[quote_style] : quote_style ? quote_style.toUpperCase() : 'ENT_COMPAT';

    if (useTable !== 'HTML_SPECIALCHARS' && useTable !== 'HTML_ENTITIES') {
        throw new Error("Table: "+useTable+' not supported');
        // return false;
    }

    entities['38'] = '&amp;';
    if (useTable === 'HTML_ENTITIES') {
        entities['160'] = '&nbsp;';
        entities['161'] = '&iexcl;';
        entities['162'] = '&cent;';
        entities['163'] = '&pound;';
        entities['164'] = '&curren;';
        entities['165'] = '&yen;';
        entities['166'] = '&brvbar;';
        entities['167'] = '&sect;';
        entities['168'] = '&uml;';
        entities['169'] = '&copy;';
        entities['170'] = '&ordf;';
        entities['171'] = '&laquo;';
        entities['172'] = '&not;';
        entities['173'] = '&shy;';
        entities['174'] = '&reg;';
        entities['175'] = '&macr;';
        entities['176'] = '&deg;';
        entities['177'] = '&plusmn;';
        entities['178'] = '&sup2;';
        entities['179'] = '&sup3;';
        entities['180'] = '&acute;';
        entities['181'] = '&micro;';
        entities['182'] = '&para;';
        entities['183'] = '&middot;';
        entities['184'] = '&cedil;';
        entities['185'] = '&sup1;';
        entities['186'] = '&ordm;';
        entities['187'] = '&raquo;';
        entities['188'] = '&frac14;';
        entities['189'] = '&frac12;';
        entities['190'] = '&frac34;';
        entities['191'] = '&iquest;';
        entities['192'] = '&Agrave;';
        entities['193'] = '&Aacute;';
        entities['194'] = '&Acirc;';
        entities['195'] = '&Atilde;';
        entities['196'] = '&Auml;';
        entities['197'] = '&Aring;';
        entities['198'] = '&AElig;';
        entities['199'] = '&Ccedil;';
        entities['200'] = '&Egrave;';
        entities['201'] = '&Eacute;';
        entities['202'] = '&Ecirc;';
        entities['203'] = '&Euml;';
        entities['204'] = '&Igrave;';
        entities['205'] = '&Iacute;';
        entities['206'] = '&Icirc;';
        entities['207'] = '&Iuml;';
        entities['208'] = '&ETH;';
        entities['209'] = '&Ntilde;';
        entities['210'] = '&Ograve;';
        entities['211'] = '&Oacute;';
        entities['212'] = '&Ocirc;';
        entities['213'] = '&Otilde;';
        entities['214'] = '&Ouml;';
        entities['215'] = '&times;';
        entities['216'] = '&Oslash;';
        entities['217'] = '&Ugrave;';
        entities['218'] = '&Uacute;';
        entities['219'] = '&Ucirc;';
        entities['220'] = '&Uuml;';
        entities['221'] = '&Yacute;';
        entities['222'] = '&THORN;';
        entities['223'] = '&szlig;';
        entities['224'] = '&agrave;';
        entities['225'] = '&aacute;';
        entities['226'] = '&acirc;';
        entities['227'] = '&atilde;';
        entities['228'] = '&auml;';
        entities['229'] = '&aring;';
        entities['230'] = '&aelig;';
        entities['231'] = '&ccedil;';
        entities['232'] = '&egrave;';
        entities['233'] = '&eacute;';
        entities['234'] = '&ecirc;';
        entities['235'] = '&euml;';
        entities['236'] = '&igrave;';
        entities['237'] = '&iacute;';
        entities['238'] = '&icirc;';
        entities['239'] = '&iuml;';
        entities['240'] = '&eth;';
        entities['241'] = '&ntilde;';
        entities['242'] = '&ograve;';
        entities['243'] = '&oacute;';
        entities['244'] = '&ocirc;';
        entities['245'] = '&otilde;';
        entities['246'] = '&ouml;';
        entities['247'] = '&divide;';
        entities['248'] = '&oslash;';
        entities['249'] = '&ugrave;';
        entities['250'] = '&uacute;';
        entities['251'] = '&ucirc;';
        entities['252'] = '&uuml;';
        entities['253'] = '&yacute;';
        entities['254'] = '&thorn;';
        entities['255'] = '&yuml;';
    }

    if (useQuoteStyle !== 'ENT_NOQUOTES') {
        entities['34'] = '&quot;';
    }
    if (useQuoteStyle === 'ENT_QUOTES') {
        entities['39'] = '&#39;';
    }
    entities['60'] = '&lt;';
    entities['62'] = '&gt;';


    // ascii decimals to real symbols
    for (decimal in entities) {
        symbol = String.fromCharCode(decimal);
        hash_map[symbol] = entities[decimal];
    }
    
    return hash_map;
}

function htmlentities (string, quote_style) {
    // Convert all applicable characters to HTML entities  
    // 
    // version: 909.322
    // discuss at: http://phpjs.org/functions/htmlentities
    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +    revised by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: nobbler
    // +    tweaked by: Jack
    // +   bugfixed by: Onno Marsman
    // +    revised by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +    bugfixed by: Brett Zamir (http://brett-zamir.me)
    // +      input by: Ratheous
    // -    depends on: get_html_translation_table
    // *     example 1: htmlentities('Kevin & van Zonneveld');
    // *     returns 1: 'Kevin &amp; van Zonneveld'
    // *     example 2: htmlentities("foo'bar","ENT_QUOTES");
    // *     returns 2: 'foo&#039;bar'
    var hash_map = {}, symbol = '', tmp_str = '', entity = '';
    tmp_str = string.toString();
    
    if (false === (hash_map = this.get_html_translation_table('HTML_ENTITIES', quote_style))) {
        return false;
    }
    hash_map["'"] = '&#039;';
    for (symbol in hash_map) {
        entity = hash_map[symbol];
        tmp_str = tmp_str.split(symbol).join(entity);
    }
    
    return tmp_str;
}