
view source - http://www.northwoodsradio.com/*** Test System *** GO TO PRODUCTION <!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=100">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WKLK/WMOZ Radio</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="_css/colorbox.css">
<link rel="stylesheet" href="_css/sitestyles.css">
<link rel="stylesheet" href="_css/Display.css">
<script src="_js/jquery-3.4.1.min.js"></script>
<!--<script src="_js/popper.min.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="_js/bootstrap-tab.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-78931619-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="embed-responsive">
<iframe id="pageframe" class="embed-responsive-item" src="main.html"></iframe>
</div>
<div id="streamdiv" class="fixed-bottom">
<p class="text-center"><button id="streamBtn"><span id="strLabel">Listen 24/7 | Open</span></button></p>
<hr>
<h3 class="text-center">Live Streaming</h3>
<div class="row">
<div class="col-sm-1"></div>
<div class="col-12 col-sm-10">
<ul class="nav nav-tabs justify-content-center" role="tablist" id="myTab">
<li class="nav-item mx-0 mx-sm-1 mx-md-2 mx-lg-3 mx-xl-4" role="presentation">
<button class="nav-link active strTab" id="wklkfm-tab" data-bs-toggle="tab" data-bs-target="#wklkfm" type="button" role="tab" aria-controls="wklk-fm" aria-selected="true">WKLK FM<span class="d-none d-sm-inline"> 96.5</span></button>
</li>
<li class="nav-item mx-0 mx-sm-1 mx-md-2 mx-lg-3 mx-xl-4" role="presentation">
<button class="nav-link strTab" id="wklkam-tab" data-bs-toggle="tab" data-bs-target="#wklkam" type="button" role="tab" aria-controls="wklk-am" aria-selected="true">WKLK AM<span class="d-none d-sm-inline"> 1230</span></button>
</li>
<li class="nav-item mx-0 mx-sm-1 mx-md-2 mx-lg-3 mx-xl-4" role="presentation">
<button class="nav-link strTab" id="wmozfm-tab" data-bs-toggle="tab" data-bs-target="#wmozfm" type="button" role="tab" aria-controls="wmoz-fm" aria-selected="true">WMOZ FM<span class="d-none d-sm-inline"> 106.9</span></button>
</li>
</ul>
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="wklkfm" role="tabpanel" aria-labelledby="wklkfm-tab">
<p> </p>
<h2 class="text-center">WKLK FM 96.5 Stream</h2>
<p class="text-center"><img src="images/WKLKFMcard.jpg" class="img-fluid" alt="WKLK FM Logo" ></p>
<p class="text-center"><audio controls id="stream1" src="http://streaming402ic.network1sports.com/wklk-talk" type="audio/mpeg"></audio></p>
</div>
<div class="tab-pane fade" id="wklkam" role="tabpanel" aria-labelledby="wklkam-tab">
<p> </p>
<h2 class="text-center">WKLK AM 1230 Stream</h2>
<p class="text-center"><img src="images/WKLKAMcard.jpg" class="img-fluid" alt="WKLK AM Logo" ></p>
<p class="text-center"><audio controls id="stream2" src="http://streaming402ic.network1sports.com/wklkam-talk" type="audio/mpeg"></audio></p>
</div>
<div class="tab-pane fade" id="wmozfm" role="tabpanel" aria-labelledby="wmozfm-tab">
<p> </p>
<h2 class="text-center">WMOZ FM 106.9 Stream</h2>
<p class="text-center"><img src="images/WMOZFMcard.jpg" class="img-fluid" alt="WMOZ FM Logo" ></p>
<p class="text-center"><audio controls id="stream3" src="http://streaming402ic.network1sports.com/wmoz-talk" type="audio/mpeg"></audio></p>
</div>
</div>
<div class="col-sm-1"></div>
</div>
</div>
<script>
$(document).ready(function(){
$('#streamBtn').click(function(){
$('#streamdiv').toggleClass('open');
var x = document.getElementById("strLabel");
if (x.innerHTML === "Listen 24/7 | Open"){
x.innerHTML = "Listen 24/7 | Close";
}else{x.innerHTML = "Listen 24/7 | Open";}
});
$('.strTab').click(function(){
var a = document.getElementById("stream1");
var b = document.getElementById("stream2");
var c = document.getElementById("stream3");
a.pause();
a.currentTime = 0;
b.pause();
b.currentTime = 0;
c.pause();
c.currentTime = 0;
});
});
</script>
</body>
</html>