// Function to fill twitter feed from JSON data (supplied to function)
function FillTwitterFeed(data) {

    var months = new Array(12);
    months[0] = "Jan";
    months[1] = "Feb";
    months[2] = "Mar";
    months[3] = "Apr";
    months[4] = "May";
    months[5] = "June";
    months[6] = "July";
    months[7] = "Aug";
    months[8] = "Sep";
    months[9] = "Oct";
    months[10] = "Nov";
    months[11] = "Dec";

    var $feed = $("#feed-tweets");

    $.each(data, function (i, item) {

        var twDate = new Date(item.created_at);
        if (isNaN(twDate.getDate())) {
            twDate = new Date(item.created_at.substr(0, item.created_at.indexOf(":") - 2) + "2011");
        }

        var twText = item.text;
        twText = twText.replace(/http:\/\/\S+/g, '<a href="$&">$&</a>');
        twText = twText.replace(/\s(@)(\w+)/g, ' <a href="http://twitter.com/$2">@$2</a>');
        twText = twText.replace(/\s(#)(\w+)/g, ' <a href="http://search.twitter.com/search?q=%23$2">#$2</a>');

        $feed.append("<article><p>" + twText + "</p><div class='meta'>" + twDate.getDate() + "/" + months[twDate.getMonth()] + "/" + twDate.getFullYear() + "</div></article>");
    });
    $feed.slideDown();

}

$(document).ready(function () {

    // Hide revealable sections and show buttons (JS only)
    $(".reveal-more").hide();
    $(".read-more").show();

    // On click, show content and hide collapsible button
    $(".read-more").click(function () {
        var $parentArticle = $(this).parents("article");
        $parentArticle.find(".reveal-more").slideDown();
        $parentArticle.find(".read-more.collapse").fadeOut();
        return false;
    });


    // Get twitter feed!
    $.getJSON("http://twitter.com/statuses/user_timeline.json?screen_name=alexjkirkwood&count=4&callback=?", FillTwitterFeed);


    // Is this a touch device?
    var isTouchDevice = ('ontouchstart' in document.documentElement) ? true : false;
    if (isTouchDevice) {
        // Touch devices don't handle :hover selector on elements without natural
        // event handlers (eg. anchor tags), so we'll "fake" it slightly...
        $("#wrapper").mouseenter(function () { });
        $("#links-list > li").mouseenter(function () { });

        // Create and show text resizing controls for touch devices
        $("#text-size-controls").show();

        $("#text-size-up").click(function () {
            var $body = $("body");
            var newFontSize = parseFloat($body.css("font-size")) + 1;
            $("body").css("font-size", newFontSize + "px");
            return false;
        });
        $("#text-size-down").click(function () {
            var $body = $("body");
            var newFontSize = parseFloat($body.css("font-size")) - 1;
            $("body").css("font-size", newFontSize + "px");
            return false;
        });
    }






    //    $(".content").hide();
    //    $("#home-content").show();
    //    $("#nav li").removeClass("selected");

    //    $("#header a").click(function () {
    //        var $toShow = $("#home-content");
    //        if (!$toShow.is(":visible")) {
    //            $(".content").hide();
    //            $("#home-content").fadeIn();
    //            $("#nav li").removeClass("selected");
    //        }
    //        return false;
    //    });

    //    $("#nav li").click(function () {
    //        var $this = $(this);
    //        var $toShow = $($this.find("a").attr("href"));
    //        if (!$toShow.is(":visible")) {
    //            $(".content").hide();
    //            $toShow.fadeIn();
    //            $("#nav li").removeClass("selected");
    //            $this.addClass("selected");
    //        }
    //        return false;
    //    });

    //    $(".show-overlay").click(function () {
    //        $("#overlay").fadeIn("fast");
    //    });
    //    $("#close-overlay").click(function () {
    //        $("#overlay").fadeOut("fast");
    //    });


});