<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Just Live 24</title>
<link rel="stylesheet" type="text/css" href="template/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="template/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="template/css/tv-theme.css">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="container-fluid">
<a class="navbar-brand" href="http://windchimesys.com">JustLive24</a>

<div class="broadcast">
<button class="btn btn-success"><i class="icon-bullhorn"></i>Start Broadcasting</button>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<script src="stream/jwplayer.js"></script>
<div id="mediaplayer">This div will be replaced by the JW Player</div>
<script>
function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  }
}

$(function(){

var chanel = getQueryVariable("chanel");
var host= ("rtmp://216.245.200.114/Live/");
var stream=host+chanel;


jwplayer('mediaplayer').setup({
width: "600",
height: "500",
primary: "flash",
autostart: "true",
repeat: 'always',
sources:[
{	file: stream	}
]
});

});
</script>

</div>
</body>
</html>