var loadCount = 2;
$(document).ready(function () {

    initLoadMore();
    initCalendar();
    initTumblr();

    $('<img src="/css/images/rightArrow.gif" alt="" />').insertAfter('p.readMore a');

});

function initLoadMore() {



    // Check what template you want to use
    umbracoTemplate = '/NewsElement';
    switch (location.pathname) {
        case '/pa-gang':
            umbracoTemplate = '/EventElement';
            break;  //end Timeless Hotel  

        case '/nyheter':
            umbracoTemplate = '/NewsElement';
            break; //end Paradise Inn
    }
    $("a.loadMore").replaceWith("<p class='loadMore'>visa fler<img src='/css/images/rightArrow.gif' alt='' /></p>");
    $("p.loadMore").click(function () {
        $("p.loadMore").replaceWith("<img class='loading' src='/css/images/loader.gif' alt='loading...' />");
        $.get(umbracoTemplate + '?page=' + loadCount, function (data) {
            $("img.loading").remove();
            //create a div to insert (cant get the animation to run smoothly without a wrapping div :( )
            $('<div></div>')
            .html(data)
            .addClass('loadedPosts')
            .hide()
            .appendTo($('#leftColumn'))
            .slideDown(250, function () {
                loadCount++;
                initLoadMore();
            });
        });
    });
};
function initCalendar() {

    $("div.bigCalBox").css('display', 'none');



    $("li.events").hover(
        function () {
            $("div.bigCalBox", this).stop(true, true);
            var pos = $(this).offset();
            $("div.bigCalBox", this).css("top", (pos.top + 55) + "px").css("left", (pos.left + 45) + "px").show();
        },
        function () {
            $("div.bigCalBox", this).stop(true, true);
            $("div.bigCalBox", this).hide();
        }
    );
};

function initTumblr() {

    // Hämta tumblrfeed
    $.getJSON("http://mdstudent.tumblr.com/api/read/json?callback=?", function (data) {



        var numberOfItems = 12;



        $.each(data.posts, function (i, posts) {
            if (i >= numberOfItems) { return true; }
            var postDate = new Date(this["date"]);
            var postDateMonth = "" + (postDate.getMonth() + 1);
            if (postDateMonth.length < 2) { postDateMonth = "0" + postDateMonth }
            var postDateDay = "" + (postDate.getDate());
            if (postDateDay.length < 2) { postDateDay = "0" + postDateDay }
            var postDateString = postDate.getFullYear() + "-" + postDateMonth + "-" + postDateDay;

            switch (this['type']) {
                case 'regular':
                    $('ul#tumblrFeed').append('<li class="tumblrElement" id="' + this['id'] + '"><h4>' + this['regular-title'] + '</h4>' + this['regular-body'] + '</li>');
                    break;

                case 'link':
                    $('ul#tumblrFeed').append('<li class="tumblrElement" id="' + this['id'] + '"><p><a href="' + this['link-url'] + '">' + this['link-text'] + '</a></p>' + this['link-description'] + '</li>');
                    break;

                case 'quote':
                    $('ul#tumblrFeed').append('<li class="tumblrElement" id="' + this['id'] + '"><blockquote>' + this['quote-text'] + '</blockquote><p class="quoteSource">' + this['quote-source'] + '</p></li>');
                    break;

                case 'photo':
                    $('ul#tumblrFeed').append('<li class="tumblrElement" id="' + this['id'] + '"><img src="' + this['photo-url-250'] + '" width="192" class="tumblrImage">' + this['photo-caption'] + '</li>');
                    break;

                case "conversation":
                    break;

                case 'video':
                    var videoPlayer = this['video-player'];
                    videoPlayer = videoPlayer.replace(/width="\d*\d\"/gi, "width=\"192\"");
                    videoPlayer = videoPlayer.replace(/height="\d*\d\"/gi, "height=\"135\"");
                    $('ul#tumblrFeed').append('<li class="tumblrElement" id="' + this['id'] + '">' + videoPlayer + this['video-caption'] + '</li>');
                    break;

                case "audio":
                    break;

                case "answer":
                    break;

            };
            
        });

        // Arrangera elementen i en fin grid
        
        

        setTimeout(function () {
            $('ul#tumblrFeed').masonry({
                singleMode: true
            });
            $('ul#tumblrFeed li').css('display', 'block');
        }, 200);

    });
};