$(document).ready(function () {

    SetUpHyvesPanel();

    SetUpVideoPage();
});

function SetUpVideoPage() {
    $('.videoImage').click(function () {
        var videoId = $(this).attr('rel');
        var videoUrl = "http://www.youtube.com/embed/" + videoId + "?rel=0";
        $('#videoFrame').attr("src", videoUrl);
        //return false;
    });

    var defaultVideoId = ($('.videoImage').attr('rel'));
    var videoUrl = "http://www.youtube.com/embed/" + defaultVideoId + "?rel=0";
    $('#videoFrame').attr("src", videoUrl);
}

function SetUpHyvesPanel() {
    $(".hyvesPanel").fadeOut(0);
    $("#hyvesButton").hover(function () { $(".hyvesPanel").fadeIn(); }, function () { $(".hyvesPanel").fadeOut(); })
}

function SetUpSearchAlphabet() {

    if (!$('.scrollPanel').length) return;

    $('.scrollPanel').tinyscrollbar({ sizethumb: 25 });

    $('.searchAlpha').click(function () {
        var anchor = $(this).attr("rel");
        GetSearchSubjectsByAlphabet(anchor);
    });
}


function GetSearchSubjectsByAlphabet(character) {

    var jsonData = JSON.stringify({ "character": character });

    $.ajax({
        type: "POST",
        url: "http://www.unicefenjij.nu/Webservices/Unicefenjij.asmx/GetSearchSubjectsByAlphabet",
        contentType: "application/json; charset=utf-8",
        data: jsonData,
        dataType: "json",
        success: GetSearchSubjectsByAlphabet_OnSuccess,
        error: OnError
    });
}

function GetSearchSubjectsByAlphabet_OnSuccess(data, textStatus, XMLHttpRequest) {
    var newsEvents = data.d;
    
    $("#alphabetSubjects .overview").empty();
    
    var container = $(document.createElement('div'));
    $("#alphabetSubjects .overview").append(container);

    if (newsEvents.length == 0) {
        var subject = $(document.createElement('div').innerHTML = '<p>Geen onderwerpen gevonden</p>');
        container.append(subject);
    }

    for (var i in newsEvents) {
        var newsEvent = newsEvents[i];
        var subject = $(document.createElement('div').innerHTML = '<p><a href="' + newsEvent.NiceUrl + '">' + newsEvent.Title + '</a></p>');
        container.append(subject);
    }

    $('.scrollPanel').tinyscrollbar_update();
}

function OnError(XMLHttpRequest, textStatus, errorThrown) {
    alert("Error: " + textStatus);
}