function loadVideo(linkie) {
    linkie = escape(linkie);
    $.ajax({
        type: "GET",
        url: "playYoutube.aspx?youtubeLink=" + linkie + "&ticks=" + new Date().getTime(),
        success: function (data) { $("#Huidigeplayer").html(data); }
    });
}
function loadYtVideos() {
    $.ajax({
        type: "GET",
        url: "https://gdata.youtube.com/feeds/api/playlists/B2CEFD8E8A50FC01?alt=json-in-script&format=5",
        cache: false,
        dataType: "jsonp",
        success: parseXml,
        error: parseError
    });
}

function parseXml(data, textStatus, XMLHttpRequest) {
    var feed = data.feed;
    var entries = feed.entry || [];
    var html = ['<ul id="videos" style="width:520px;list-style:none;">'];
    var tel = 0;
    for (var i = 0; i < entries.length; i++) {

        var entry = entries[i];
        var title = entry.title.$t;
        var description = entry.media$group.media$description.$t;
        var thumbUrl = entry.media$group.media$thumbnail[0].url;
        var movieUrl = entry.media$group.media$player[0].url;
        html.push('<li class="vidlis" style="float:left; width:620px; padding:4px 0px" onclick="loadVideo(\'' + movieUrl + '\')">' +
				  '<img src="' + thumbUrl + '" height="30" style="float:left" />' +
                  '<p class="yt_titel">' + title + '</p>' +
				  '</li>');
        html.push('<li style="list-style:none; float:left; width:620px; border-bottom:1px solid #ccc; height:1px; margin-top:-1px;">' +
				  '</li>');
        if (tel == 0) {
            loadVideo(movieUrl);
        }
        tel++;
    }
    html.push('</ul>');
    $('#ytVideos ul li').css("width", "620px");
    $('#ytVideos').html(html.join(''));
    $('.vidlis:odd').css("background-color", "#fff");
    $('.vidlis:even').css("background-color", "#eee");
    $('.vidlis').hover(function () {
        $(this).css("background-color", "#ddd");
    }, function () {
        $('.vidlis:odd').css("background-color", "#fff");
        $('.vidlis:even').css("background-color", "#eee");
    });
    $('#ytVideos ul li').css("color", "#020202");
    $('#ytVideos ul li').css("cursor", "pointer");
    $('.yt_titel').css({ "font-size": "14px", "font-weight": "bold" });
    $('.yt_desc').css({ "font-size": "10px" });
    $('#videos li p').css("padding", "3px");
}

function parseError(XMLHttpRequest, textStatus, errorThrown) { /*alert("error :" + XMLHttpRequest.responseText);*/ }
function initCufon() {
    Cufon.replace('h2', { fontFamily: 'Impact' });
    Cufon.replace('#in_footer div h4', { fontFamily: 'Impact' });
    Cufon.replace('h3', { fontFamily: 'Impact' });

}

function initTweet() {
    $(".tweet").tweet({
        query: "#NAN2011",
        join_text: "auto",
        avatar_size: 32,
        count: 3,
        loading_text: "Tweets zoeken..."
    });

    try {
        FB.XFBML.parse();
    } catch (err) { }
    $.ajax({ url: 'http://platform.twitter.com/widgets.js', dataType: 'script' });
    gapi.plusone.go();
    
    initCufon();
}

window.onpopstate = function (e) {
    if (e.state) {
        console.log(e.state);
        $("#content").html(e.state.html);
        document.title = e.state.pageTitle;
        initCufon();
    }
};

/* 
Full window width content slider by Oskar Engdahl
http://www.musca.se/full-window-width-jquery-tools-content-slider-demo/

This code is licensed under GPL and free to use. 
http://www.gnu.org/licenses/gpl.html
*/
$(function () {
    $(".EXL").attr("target", "_blank");
    $(".EXL").click(function () {
        var pageTracker = _gat._getTracker("UA-6021757-4");
        pageTracker._trackPageview($(this).attr("href"));
    });

    $("#menu li a").click(function () {
        var clicked = this;
        $.ajax({
            method: 'GET',
            url: $(this).attr("href"),
            dataType: 'html',
            success: function (data) {
                $('.thispage').removeClass('thispage');
                $(clicked).addClass('thispage');
                var pageTracker = _gat._getTracker("UA-6021757-4");
                pageTracker._trackPageview($(clicked).attr("href"));
                $("#content").html($(data).find("#content").html());
                initTweet();
                if ($(clicked).attr("href") == "Videos.aspx") {
                    loadYtVideos();
                }
                if (typeof (window.history.pushState) == 'function') {
                    window.history.pushState({ "html": $(data).find("#content").html(), "pageTitle": "Non Alcohol November 2011" }, "", $(clicked).attr("href"));

                } else {
                    window.location = $(clicked).attr("href");
                }

            },
            error: function (data) {
                alert("Deze pagina kan niet worden opgehaald");
            }
        });
        return false;
    });
    // Adds a class to the html code so we can target browsers without JS.
    $('html').addClass('JS');
    // Sets the slides width on page load
    var i = $(window).width();
    if (i > 959) { $('#items > div').css({ width: i }); }

    // Scrollable and navigator plugin settings.
    $("#header").scrollable({ easing: 'easeOutQuad', speed: 200, circular: true }).navigator({ navi: '#navigation' }).autoscroll({ autoplay: true, interval: 6000 });

    // Window resize code
    window.api = $("#header").data("scrollable");
    $(window).resize(function () {
        var a = 1 + window.api.getIndex();
        var w = $(window).width();
        if (w > 959) {
            var l = a * w
            $('#items').css({ left: + - +l });
            $('#items > div').css({ width: w });
        } else {
            $('#items > div').css({ width: 960 });
        }
    });
    var pageTracker = _gat._getTracker("UA-6021757-4");
    if ($("#pagina_Default").length > 0) {
        initTweet();
        pageTracker._trackPageview("Default.aspx");
    } else if ($("#pagina_NAN").length > 0) {
        $(".thispage").removeClass('thispage');
        $("#mi_contact").addClass('thispage');
        pageTracker._trackPageview("NAN.aspx");
        initTweet();
    } else if ($("#pagina_Videos").length > 0) {
        $(".thispage").removeClass('thispage');
        $("#mi_videos").addClass('thispage');
        initTweet();
        loadYtVideos();
        pageTracker._trackPageview("Videos.aspx");
    } else if ($("#pagina_Waarom").length > 0) {
        $(".thispage").removeClass('thispage');
        $("#mi_waarom").addClass('thispage');
        pageTracker._trackPageview("Waarom.aspx");
        initTweet();
    } else if ($("#pagina_Contact").length > 0) {
        pageTracker._trackPageview("Contact.aspx");
    }
});
initCufon();