$(function () {
    var songList = [
        '',
        'https://hoerspiel.stream.laut.fm/hoerspiel?pl=pls&t302=2023-11-15_14-45-32&uuid=e1130b81-fe22-4b49-8a5f-f84eba3c43ef',
        'https://dthoerspieler.stream.laut.fm/dthoerspieler?pl=pls&t302=2023-11-15_14-45-12&uuid=d3e5e446-4a40-4b4c-8bc6-a86fcfd6c3f5',
        'https://hoerspiel.stream.laut.fm/hoerspiel?pl=pls&t302=2023-11-15_14-45-32&uuid=e1130b81-fe22-4b49-8a5f-f84eba3c43ef',
        'https://brainflowermedia.stream.laut.fm/brainflowermedia?pl=pls&t302=2023-11-15_14-46-12&uuid=be161e93-90fd-4840-be14-1c489e78bb5a',
        'https://seitenwispern.stream.laut.fm/seitenwispern?pl=pls&t302=2023-11-15_14-46-49&uuid=26523012-ae9e-4d21-ac3c-d2f3166b81b6',
        'https://mrawesome15-music.stream.laut.fm/mrawesome15-music?pl=pls&t302=2023-11-19_15-30-26&uuid=f0f01472-59c5-42bc-b16f-4cab70941a5a',
                                
    ];
    var songTitle = [
        'Hörspiel, Podcast & besondere Anlässe',
        ' Hörspiel Bielefeld',
        ' DT Hörspieler Berlin',
        ' Hörspiel Bielefeld 24/7h',
        ' Hörspiele Brainflowermedia',
        ' Seitenwispern von Broken Moon ',
        ' MrAwesome15 Hörspiele, Klassische Musik',
                        
    ];
    var foto = [
        'img/hoerspiele.jpg',
        'img/bielefeld.jpg',
        'img/headphoneman-rot_sio.jpg',
        'img/buecher-lesen.jpg',
        'img/brainflowermedia.png',
        'img/seitenwispern.jpg',
        'img/mrawesome15.jpg',
                                        
    ];
    var emisor = [
    
        'https://wdr-1live-live.icecastssl.wdr.de/wdr/1live/live/mp3/128/stream.mp3',
        'https://wdr-1live-dancehits.icecast.wdr.de/wdr/1live/dancehits/mp3/128/stream.mp3',
        'https://wdr-1live-chillout.icecast.wdr.de/wdr/1live/chillout/mp3/128/stream.mp3',
        'https://wdr-1live-tophits.icecast.wdr.de/wdr/1live/tophits/mp3/128/stream.mp3',
        'http://wdr-1live-specials.icecast.wdr.de/wdr/1live/specials/mp3/128/stream.mp3',
        'https://wdr-wdr2-rheinland.icecastssl.wdr.de/wdr/wdr2/rheinland/mp3/128/stream.mp3',
        'http://wdr-wdr3-live.icecast.wdr.de/wdr/wdr3/live/mp3/128/stream.mp3',
        'https://wdr-wdr4-live.icecastssl.wdr.de/wdr/wdr4/live/mp3/128/stream.mp3',
        'http://wdr-wdr5-live.icecast.wdr.de/wdr/wdr5/live/mp3/128/stream.mp3',
        'https://wdr-diemaus-live.icecastssl.wdr.de/wdr/diemaus/live/mp3/56/stream.mp3',
        'http://wdr-wdr-event.icecast.wdr.de/wdr/wdr/event/mp3/128/stream.mp3',
        'https://liveradio.swr.de/sw282p3/swr1bw/',
        'https://liveradio.swr.de/sw282p3/swr2/',
        'https://liveradio.swr.de/sw282p3/swr3/',
        'https://liveradio.swr.de/sw282p3/swraktuell/',
        'https://liveradio.swr.de/sw282p3/swr4bw/',       
    ];
    var emisorName = [
 
        ' 1LIVE',
        ' 1LIVE DANCE HITS ',
        ' 1LIVE CHILLOUT',
        ' 1LIVE TOP HITS',
        ' 1LIVE SPECIAL',
        ' WDR 2 (♀️ Rhein und Ruhr)',
        ' WDR 3 ist die Hörfunk-Kulturwelle',
        ' WDR 4 für Menschen über 50 Jahren',
        ' WDR 5 Kompetenter Journalismus',
        ' Die Maus',
        '️ WDR Event',
        ' SWR1 BW',
        ' SWR2',
        ' SWR3',
        ' SWR aktuell ',
        ' SWR4 BW',
    ];
    var song = songList.length,
        band = emisor.length,
        posSong = 0,
        posSongtitle = 0,
        posFoto = 0,
        posEmisor = 0,
        posEmisorName = 0,
        audio = document.getElementById('audio'),
        min = Math.floor(audio.currentTime / 60),
        seg = Math.floor(audio.currentTime % 60);
    audio.src = songList[posSong];
    $('#rebackward').on('click', rebackward);
    $('#backward').on('click', backward);
    $('#play').on('click', repro);
    $('#pause').on('click', pausa);
    $('#stop').on('click', stop);
    $('#forward').on('click', forward);
    $('#reforward').on('click', reforward);
    $('#list').on('click', lista);
    $('#radio').on('click', radiola);
    $('#rest-emi').on('click', restEmi);
    $('#plus-emi').on('click', plusEmi);
    var volumeslider = document.getElementById('volume')
    volumeslider.addEventListener("change", setvolume, false);
    function rebackward() {
        posSong--;
        posSongtitle--;
        posFoto--;
        audio.src = songList[posSong];
        $('.cd').attr('src', foto[posFoto]);
        audio.play();
        look();
        if (posSong <= 0) {
            posSong = song - 1;
        }
        if (posSongtitle <= 0) {
            posSongtitle = song - 1;
        }
        if (posFoto <= 0) {
            posFoto = song - 1;
        }
    }
    function backward() {
        audio.currentTime -= 10;
        audio.play();
    }
    function repro() {
        $('.boton-radio').prop('disabled', true);
        $('.boton-radio').css('color', '#ccc');
        $('#play').css('display', 'none');
        $('#pause').css('display', 'block');
        audio.play();
        $('.cd').attr('src', foto[posFoto]);
        $('#cd').addClass('spin');
        look();
    }
    function pausa() {
        audio.pause();
        $(this).css('display', 'none');
        $('#play').css('display', 'block');
        $('#cd').removeClass('spin');
    }
    function stop() {
        audio.pause();
        $('#pause').css('display', 'none');
        $('#play').css('display', 'block');
        $('#cd').removeClass('spin');
        audio.src = songList[posSong];
        $('#song-title').html('');
        $('.boton-radio').prop('disabled', false);
        $('.boton-radio').css('color', 'aqua');
        $('.cd').attr('src', 'img/cd.jpg');
        $('#song-time').css('color', '#000');
    }
    function forward() {
        audio.currentTime += 10;
        audio.play();
    }
    function reforward() {
        posSong++;
        posSongtitle++;
        posFoto++;
        audio.src = songList[posSong];
        $('.cd').attr('src', foto[posFoto]);
        audio.play();
        look();
        if (posSong >= song - 1) {
            posSong = 0;
        }
        if (posSongtitle >= song - 1) {
            posSongtitle = 0;
        }
        if (posFoto >= song - 1) {
            posFoto = 0;
        }
    }
    var rad = false;
    // RADIO
    function radiola() {
        if (!rad) {
            $(this).css('color', 'pink');
            $('.boton-control').prop('disabled', true);
            $('.boton-control').css('color', '#ccc');
            audio.src = emisor[posEmisor];
            audio.play();
            look2();
            rad = true;
        } else {
            $(this).css('color', 'aqua');
            $('.boton-control').prop('disabled', false);
            $('.boton-control').css('color', 'aqua');
            audio.src = songList[posSong];
            audio.pause();
            $('#song-title').html('');
            rad = false;
        }
    }
    function restEmi() {
        posEmisor--;
        posEmisorName--;
        audio.src = emisor[posEmisor];
        audio.play();
        look2();
        if (posEmisor < 0) {
            posEmisor = band - 1;
            posEmisorName = band - 1;
        }
    }
    function plusEmi() {
        posEmisor++;
        posEmisorName++;
        audio.src = emisor[posEmisor];
        audio.play();
        look2();
        if (posEmisor >= band) {
            posEmisor = 0;
        }
        if (posEmisorName >= band) {
            posEmisorName = 0;
        }
    }
    function lista() {
        $('#list-list').toggleClass('open');
    }
    function setvolume() {
        audio.volume = volumeslider.value / 100;
    }
    var texto = document.getElementById('text-list');
    for (var i = 0; i <= song - 1; i++) {
        texto.innerHTML = texto.innerHTML + '<div class="temuca">' + songTitle[i] + '</div>';
    }
    function pass() {
        if (audio.duration == audio.currentTime)
            reforward();
    }
    setInterval(pass, 1000);
    function look() {
        $('#song-title').html("♫♪♫  " + (posSong + 1) + ": " + songTitle[posSongtitle] + "  ♫♪♫ ");
        $('#song-time').css('color', 'aqua');
        var getTimeString = function (timeInMs) {
            var point = ":",
                minutes = Math.floor((timeInMs / (1000 * 60)) % 60),
                seconds = Math.floor((timeInMs / 1000) % 60);
            if (minutes < 10) {
                minutes = "0" + minutes
            }
            if (seconds < 10) {
                seconds = "0" + seconds;
            }
            return minutes + point + seconds;
        }
        audio.ontimeupdate = function () {
            $('#song-time').html(getTimeString(audio.currentTime * 1000) + '<br>' + getTimeString(audio.duration * 1000));
        };
    }
    function look2() {
        $('#song-title').html('<span><i class="fa fa-microphone">' + " " + '</i></span>' + " " + (posEmisor + 1) + ": " + emisorName[posEmisorName] + " " + '<span><i class="fa fa-microphone">' + " " + '</i></span>');
    }
});