$(document).ready(function () {

    $('#ikonGemist .itemnumber1').each(function () {
        $(this).mouseover(function () {
            $('#ikonGemist .itemnumber1').addClass("item1Mo");
        });
        $(this).mouseout(function () {
            $('#ikonGemist .itemnumber1').removeClass("item1Mo");
        });
    });
    $('#ikonGemist .itemnumber2').each(function () {
        $(this).mouseover(function () {
            $('#ikonGemist .itemnumber2').addClass("item2Mo");
        });
        $(this).mouseout(function () {
            $('#ikonGemist .itemnumber2').removeClass("item2Mo");
        });
    });
    $('#ikonGemist .itemnumber3').each(function () {
        $(this).mouseover(function () {
            $('#ikonGemist .itemnumber3').addClass("item2Mo");
        });
        $(this).mouseout(function () {
            $('#ikonGemist .itemnumber3').removeClass("item2Mo");
        });
    });



    $('.nuenstrakshoofditems').each(function () {
        $(this).click(function () {
            var url;
            url = $(this).attr('link') + '';
            window.open(url, "_blank");

        });

    });

    $('#nuStraks #blokken .item').each(function () {
        $(this).mouseover(function () {
            $(this).find(".itemTekst").addClass("itemTekstMo");
        });
        $(this).mouseout(function () {
            $(this).find(".itemTekst").removeClass("itemTekstMo");
        });
    });

    $('#meerikonGemist .meer').each(function () {
        $(this).click(function () {
            $('#meerikonGemist .list').hasClass('showit') ? $('#meerikonGemist .list').removeClass("showit") : $('#meerikonGemist .list').addClass("showit");
        });

    });

    $('#meerNuenStraks .meer').each(function () {
        $(this).click(function () {
            $('#meerNuenStraks .list').hasClass('showit') ? $('#meerNuenStraks .list').removeClass("showit") : $('#meerNuenStraks .list').addClass("showit");
        });

    });

    $('#vinkers input:checkbox').each(function () {
        $(this).attr('checked') ? $(this).parent().addClass("vinkboxChecked") : $(this).parent().removeClass("vinkboxChecked");
    });

    $('#ikonGemist .item').each(function () {
        $(this).click(function () {
            var episodeid;
            episodeid = $(this).attr('episodeid') + '';

            var uittype;
            uittype = $(this).attr('uittype') + '';

            var pllist;
            pllist = $(this).attr('playlist') + '';

            getVideoplayer(episodeid, uittype, pllist);
        });

    });




  

    $('#lijstTekst span').each(function () {
        $(this).mouseover(function () {
            var pos = $(this).position();
            //pos.left
            var tekst = $(this).find("a").attr('alt') + '';
            if (tekst != '' && tekst != 'undefined') {
                $('#alttekst').html(tekst);
                $('#alttekst').addClass('showit');
                $('#alttekst').css("left", pos.left - 10);
                $('#alttekst').css("top", pos.top + 20);
            }
        });
        $(this).mouseout(function () {
            $('#alttekst').removeClass("showit");
        });
    });

    $(".checkboxes li").click(function () {
        getUitzendingen(1);
    });
    $(".nscheckboxes li").click(function () {
        getUitzendingenNuEnStraks(1);
    });

    getUitzendingen(1);
    getUitzendingenNuEnStraks(1);
});


function getVideoplayer($episodeid, $type, $pllist) {
    var videohtml;
    var playlisturl = '';
    
    if ($pllist == '') {
        playlisturl = 'http://www.ikonrtv.nl/npoplayer/ikonplayer.xml';
    } else {
        playlisturl = $pllist;
    }

    if ($type == 'rad') {
        videohtml = '<object data="data:application/x-silverlight-2,"  type="application/x-silverlight-2" width="576" height="324"><param name="source" value="http://embed.player.omroep.nl/sl/ugslplayer.xap"/><param name="viewMode" value="playlist"/><param name="enablehtmlaccess" value="true"/><param name="initParams" value="episodeID=thevideoepisodeid,width=576,height=324,viewMode=playlist,playlistUrlFormat=ugslplaylist,playlistUrlHashMethod=none,playlistUrl=' + playlisturl + ',volume=100,playMode=pause,viewMode=playlist,playlistEnabled=yes,playlistAdvanceEnabled=yes,playlistAdvanceDelaySeconds=5," /><embed source="http://embed.player.omroep.nl/sl/ugslplayer.xap" type="application/x-silverlight-2" enablehtmlaccess="true" width="576" height="324" initParams="episodeID=thevideoepisodeid,width=576,height=324,playlistUrlFormat=ugslplaylist,viewMode=playlist,playlistUrlHashMethod=none,playlistUrl=' + playlisturl + ',volume=100,playMode=pause,viewMode=playlist,playlistEnabled=yes,playlistAdvanceEnabled=yes,playlistAdvanceDelaySeconds=5,"><a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"><img src="http://embed.player.omroep.nl/sl/downloadsilverlight.jpg" alt="Get Microsoft Silverlight" style="border-style: none"/></a><br /><a href="http://player.omroep.nl/?serID=820">Bekijk de video in andere formaten.</a></embed></object>'
    } else {
        videohtml = '<object data="data:application/x-silverlight-2,"  type="application/x-silverlight-2" width="576" height="324"><param name="source" value="http://embed.player.omroep.nl/sl/ugslplayer.xap"/><param name="enablehtmlaccess" value="true"/><param name="initParams" value="episodeID=thevideoepisodeid,width=576,height=324,playlistUrlFormat=ugslplaylist,playlistUrlHashMethod=none,playlistUrl=' + playlisturl + ',volume=100,playMode=pause,playlistEnabled=yes,playlistAdvanceEnabled=yes,playlistAdvanceDelaySeconds=5," /><embed source="http://embed.player.omroep.nl/sl/ugslplayer.xap" type="application/x-silverlight-2" enablehtmlaccess="true" width="576" height="324" initParams="episodeID=thevideoepisodeid,width=576,height=324,playlistUrlFormat=ugslplaylist,playlistUrlHashMethod=none,playlistUrl=' + playlisturl + ',volume=100,playMode=pause,playlistEnabled=yes,playlistAdvanceEnabled=yes,playlistAdvanceDelaySeconds=5,"><a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"><img src="http://embed.player.omroep.nl/sl/downloadsilverlight.jpg" alt="Get Microsoft Silverlight" style="border-style: none"/></a><br /><a href="http://player.omroep.nl/?serID=820">Bekijk de video in andere formaten.</a></embed></object>'
    }

    videohtml = videohtml.replace('thevideoepisodeid', $episodeid);
    videohtml = videohtml.replace('thevideoepisodeid', $episodeid);
    $("#igPlayer").html(videohtml);
    return true;
};
function getUitzendingen($pageNum) {
    
    var allchecked = '';
    var comma = '';
    var checkers = '';
    $('.checkboxtelevisie :checked').each(function (index) {
        checkers += "&chcktel=checked";
    });
    $('.checkboxradio :checked').each(function (index) {
        checkers += "&chckrad=checked";
    });
    $('.checkboxthema :checked').each(function (index) {
        checkers += "&chckthema=checked";
    });
   

    $('.checkboxes :checked').each(function (index) {
        allchecked += comma + (this.value);
        comma = ',';
    });
    $.ajax({
        type: "GET",
        url: "uitzendingGemist.aspx?Page=" + $pageNum + checkers + "&checkeditems=" + allchecked,
        success: function (data) {
            $("#listIkonGemistMeer").html('<div class="linkerstuk">' + data + '</div>');

        },
        error: function (msg, s, d) {
            //alert('ajax error' + msg);
        }
    });
    return true;
};

function getUitzendingenNuEnStraks($pageNum) {

    var allchecked = '';
    var comma = '';

    var checkers = '';
    $('.checkboxtelevisie :checked').each(function (index) {
        checkers += "&chcktel=checked";
    });
    $('.checkboxradio :checked').each(function (index) {
        checkers += "&chckrad=checked";
    });
    $('.checkboxthema :checked').each(function (index) {
        checkers += "&chckthema=checked";
    });

    

    $('.nscheckboxes :checked').each(function (index) {
        allchecked += comma + (this.value);
        comma = ',';
    });
    $.ajax({
        type: "GET",
        url: "uitzendingNuenstraks.aspx?Page=" + $pageNum + checkers + "&checkeditems=" + allchecked,
        success: function (data) {
            $("#listNuEnStraks").html('<div class="linkerstuk">' + data + '</div>');

        },
        error: function (msg, s, d) {
           
        }
    });
    return true;
};