var socket,

    tlPaper,

    twCx = {

        followLast : true,

        position : "0",

        date_levels : [

            3600 * 1000,

            15 * 60 * 1000,

            5 * 60 * 1000,

            60 * 1000

        ],

        timeLevel : 1,

        deltaX : 40,

        tlWidth : 150,

        tlHeight : 480,

        globalWords : {},

        refMouse : { x : 0, y : 0},

        refPosTl : { x : 0, y : 0},

        tlMouseMoved : false,

        tlMouseClicked : false,

        filtre : null

        },

    tlBuffer = '',

    relHover = [],

    wheelDelta = 0,

    scrollEnabled = false,

    scrollExtent = 8000 - 480,

    lastScrollPos = 0,

    rx_url = /https?:\/\/[0-9a-zA-Z\.%\/-_]+/g,

    rx_word = /[^ \.&;,'"!\?\d\(\)\+\[\]\\\…\-«»:\/]{3,}/g,

    stop_list = [ 'and', 'avec', 'aux', 'car', 'comme', 'dans', 'donc', 'des', 'elle', 'est', 'être', 'eux', 'ils', 'les', 'leur', 'leurs', 'mes', 'mon', 'tes', 'ton', 'notre', 'nos', 'nous', 'ont', 'pas', 'que', 'qui', 'sont', 'the', 'une', 'votre', 'vos', 'vous' ],

    l10n = { "rechercher" : "Rechercher" };

function getColor(annotation, lum) {

    return Raphael.hsl2rgb(annotations[annotation].colors.h, annotations[annotation].colors.s, lum);

}

function tweetPopup(url) {

    var popW = 550,

        popH = 350,

        scrW = screen.width,

        scrH = screen.height,

        posX = Math.round((scrW/2)-(popW/2)),

        posY = (scrH > popH ? Math.round((scrH/2)-(popH/2)) : 0);

    window.open(url,

        '',

        'left=' + posX + ',top=' + posY + ',width=' + popW + ',height=' + popH + ',personalbar=0,toolbar=0,scrollbars=1,resizable=1');

}

function arc(source, target) {

    var x3 = .3 * target.y - .3 * source.y + .8 * source.x + .2 * target.x;

    var y3 = .8 * source.y + .2 * target.y - .3 * target.x + .3 * source.x;

    var x4 = .3 * target.y - .3 * source.y + .2 * source.x + .8 * target.x;

    var y4 = .2 * source.y + .8 * target.y - .3 * target.x + .3 * source.x;

    return "M" + source.x + " " + source.y + "C" + [x3, y3, x4, y4, target.x, target.y].join(" ");

}

function addTweet(tweet) {

    function backRef(source_id, target_id, type) {

        var target = tweetById(target_id);

        if (target) {

            var brobj = {

                "referenced_by_id" : source_id,

                "type" : type

            }

            if (target.backRefs) {

                target.backRefs.push(brobj);

            } else {

                target.backRefs = [ brobj ]

            }

        }

    }

    if (twCx.idIndex.indexOf(tweet.id) != -1) {

        return;

    }

    var txt_date = tweet.created_at;

    if (navigator.userAgent.search(/MSIE/) != -1) {

        txt_date = txt_date.replace(/( \+)/, ' UTC$1');

    }

    tweet.date_value = Date.parse(txt_date);

    var tab = tweet.text.match(/\&\#[0-9]+\;/g);

    for (var i in tab) {

        var n = parseInt(tab[i].substr(2));

        if (n != NaN) {

            tweet.text = tweet.text.replace(tab[i], String.fromCharCode(n));

        }

    }

    var ann = [];

    for (var j in annotations) {

        if (j != "default") {

            for (var k in annotations[j].keywords) {

                if (tweet.text.search(annotations[j].keywords[k]) != -1) {

                    ann.push(j);

                    break;

                }

            }

        }

    }

    tweet.annotations = ann;

    if (tweet.in_reply_to_status_id) {

        backRef( tweet.id, tweet.in_reply_to_status_id, "reply" );

    }

    if (tweet.retweeted_status) {

        backRef( tweet.id,  tweet.retweeted_status.id, "retweet" );

    }

    var localWords = []

    var tab = tweet.text.replace(rx_url,'').match(rx_word);

    for (var i in tab) {

        var word = tab[i].toLowerCase();

        if (stop_list.indexOf(word) == -1 && tracking_keywords.indexOf(word) == -1) {

            if (twCx.globalWords[word]) {

                twCx.globalWords[word]++;

            } else {

                twCx.globalWords[word] = 1;

            }

            localWords.push(word);

        }

    }

    tweet.words = localWords;

    var p = twCx.idIndex.length;

    while (p && tweet.id < twCx.idIndex[p-1]) {

        p--;

    }

    twCx.tweets.splice(p, 0, tweet);

    twCx.idIndex.splice(p, 0, tweet.id);

    if (!twCx.timeline.length) {

        twCx.timeline = [ populateDateStruct(0, twCx.date_levels[0] * parseInt(tweet.date_value / twCx.date_levels[0])) ]

    }

    while (tweet.date_value > twCx.timeline[twCx.timeline.length - 1].end) {

        twCx.timeline.push( populateDateStruct(0, twCx.timeline[twCx.timeline.length - 1].end) );

    }

    insertIntoDateStruct(twCx.timeline, tweet);

}

function getSliceContent(slice) {

    if (slice.slices) {

        var result = [];

        for (var i in slice.slices) {

            result = result.concat(getSliceContent(slice.slices[i]));

        }

    } else {

        var result = slice.tweets;

    }

    return result;

}

function flattenDateStruct(slices, target_level) {

    var current_level = slices[0].level,

        result = [];

    if (current_level < target_level) {

        if (slices[0].slices) {

            for (var i in slices) {

                result = result.concat(flattenDateStruct(slices[i].slices, target_level));

            }

        }

    }

    else {

        for (var i in slices) {

            result.push({

                "start" : slices[i].start,

                "end" : slices[i].end,

                "tweets" : getSliceContent(slices[i])

            });

        }

    }

    return result;

}

function trimFDS() {

    var slices = flattenDateStruct(twCx.timeline, twCx.timeLevel);

    while (slices[0].tweets.length == 0) {

        slices.splice(0,1);

    }

    while (slices[slices.length - 1].tweets.length == 0) {

        slices.pop();

    }    

    var centralTweet = ( twCx.centralTweet ? twCx.centralTweet : twCx.tweets[twCx.tweets.length - 1] ),

        delta = 30 * twCx.date_levels[twCx.timeLevel],

        centre = Math.min(slices[slices.length - 1].end - delta , Math.max(slices[0].start + delta, centralTweet.date_value)),

        min = centre - delta,

        max = centre + delta;

    while (slices[0].start < min) {

        slices.splice(0,1);

    }

    while (slices[slices.length - 1].end > max) {

        slices.pop();

    }

    return slices;

}

function populateDateStruct(level, start) {

    var end = start + twCx.date_levels[level],

        struct = {

            "level" : level,

            "start" : start,

            "end" : end

        };

    if (level < twCx.date_levels.length - 1) {

        struct.slices = [];

        var newstart = start;

        while (newstart < end) {

            struct.slices.push(populateDateStruct(level + 1, newstart));

            newstart += twCx.date_levels[level + 1];

        }

    } else {

        struct.tweets = [];

    }

    return struct;

}

function insertIntoDateStruct(slices, tweet) {

    var creadate = tweet.date_value;

    for (var i in slices) {

        if (creadate < slices[i].end) {

            if (slices[i].slices) {

                insertIntoDateStruct(slices[i].slices, tweet);

            } else {

                slices[i].tweets.push(tweet.id);

            }

            break;

        }

    }

}

function placeHolder(className) {

    return '<li class="placeholder ' + className + '"></li>';

}

function tweetById(tweetid) {

    var pos = twCx.idIndex.indexOf(tweetid);

    return (pos == -1) ? false : twCx.tweets[pos];

}

function selectTweet(tweetid) {

    twCx.position = tweetid;

    twCx.followLast = (twCx.position == twCx.idIndex[twCx.tweets.length - 1]);

    updateDisplay();

}

function goToPos(nPos) {

    twCx.position = twCx.currentIdIndex[Math.min( twCx.currentIdIndex.length - 1, Math.max(0, nPos ) )];

    twCx.followLast = (!twCx.filtre && nPos == twCx.tweets.length - 1);

    updateDisplay();

}

function movePos(delta) {

    goToPos( delta + twCx.currentIdIndex.indexOf(twCx.position) );

}

function tweetToHtml(tweet, className, elName) {

    function highlight(texte) {

        return ( twCx.filtre ? texte.replace(twCx.filtre, '<span class="highlight">$1</span>' ) : texte );

    }

    if (!tweet) {

        return placeHolder(className);

    }

    var el = (elName ? elName : 'li');

    var html = '<' + el + ' class="tweet ' + className + '" id="tweet_' + tweet.id + '"';

    if (className != 'full') {

        html += ' onclick="selectTweet(\'' + tweet.id + '\'); return false;"';

    }

    html += ' onmouseover="rolloverTweet(\'' + tweet.id + "', " + ( className == 'icons' ) + ');"';

    if (twCx.followLast && className == 'full' && el == 'li') {

        html += ' style="display: none"';

    }

    html += '>';

    if (tweet.annotations.length) {

        html += '<div class="annotations">';

        for (var i in tweet.annotations) {

            html += '<div class="annotation" style="width:' + (100/tweet.annotations.length) + '%; background:' + getColor(tweet.annotations[i], (className == 'icons' ? .4 : .85)).hex + '"></div>';

        }

        html += '</div>';

    }

    html += '<div class="twmain">';

    var a_user = '<a href="http://twitter.com/' + tweet.user.screen_name + '"  onclick="filtrerTexte(\'@' + tweet.user.screen_name + '\'); return false;" target="_blank">';

    html += '<div class="around_img">' + a_user + '<img class="profile_image" src="' + tweet.user.profile_image_url + '" /></a>';

    if (className == 'full') {

        html += '<p class="created_at">' + new Date(tweet.date_value).toTimeString().substr(0,8) + '</a></p>';

    }

    html += '</div>';

    if (className != 'icons') {

        lastend = 0;

        var txt = '',

            entities = [];

        for (var i in tweet.entities.hashtags) {

            entities.push({

                "start" : tweet.entities.hashtags[i].indices[0],

                "end" : tweet.entities.hashtags[i].indices[1],

                "link" : '<a href="http://twitter.com/search?q=%23' + tweet.entities.hashtags[i].text + '" onclick="filtrerTexte(\'#' + tweet.entities.hashtags[i].text + '\'); return false;" target="_blank">',

                "text" : '#' + tweet.entities.hashtags[i].text

            });

        }

        for (var i in tweet.entities.urls) {

            var linkurl = ( tweet.entities.urls[i].expanded_url ? tweet.entities.urls[i].expanded_url : tweet.entities.urls[i].url ),

                dispurl = linkurl.replace(/https?:\/\//,'');

            if (linkurl.search(/https?:\/\//) == -1) {