﻿
$(document).ready(function() {

    $.fn.clickUrl = function() {
        var regexp = /((www.)(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
        this.each(function() {
            $(this).html($(this).html().replace(regexp, "<a target='_blank' href=\"http://$1\">$1</a>"));
        });
        return $(this);
    }

    $.fn.twitterName = function() {
        var regexp = /@([a-z0-9_]+)/i;
        this.each(function() {
            $(this).html($(this).html().replace(regexp, "<a target='_blank' href=\"http://www.twitter.com/$1\">@$1</a>"));
        });
        return $(this);
    }

    $.fn.twitterHashTag = function() {
        var regexp = /#([a-z0-9_]+)/i;
        this.each(function() {
            $(this).html($(this).html().replace(regexp, "<a target='_blank' href=\"http://search.twitter.com/search?q=%23$1\">#$1</a>"));
        });
        return $(this);
    }

    function setupFader() {
        $('#tweettickertweets').innerfade({
            animationtype: 'fade',
            speed: 500,
            timeout: 3500,
            type: 'random',
            containerheight: '1em'
        });
    }

    $.jsonp({
    "url": "http://search.twitter.com/search.json?q=a_design_agency&callback=?",
        cache: true,
        "success": function(data) {
            var strhtml = "<ul id='tweettickertweets'>";
            $.each(data.results, function(i, item) {
            if (item.from_user == "a_design_agency") {
                    var strtweet = item.text;
                    var strurl = "";
                    strhtml += "<li>" + strtweet + "</li>";
                }
            });

            strhtml += "</ul>";

            $("#tweettickerholder").html(strhtml);
            $("#tweettickertweets li").clickUrl();
            $("#tweettickertweets li").twitterName();
            $("#tweettickertweets li").twitterHashTag();
            setupFader();
        }
    });

});


