<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Airtime widgets</title>
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.showinfo.js" type="text/javascript"></script>
<link href="css/airtime-widgets.css" rel="stylesheet" type="text/css" />
<script>
$(document).ready(function() {
$("#headerLiveHolder").airtimeLiveInfo({
sourceDomain: "http://localhost",
text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
updatePeriod: 20 //seconds
});
$("#headerLiveTrackHolder").airtimeLiveTrackInfo({
sourceDomain: "http://localhost",
text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
updatePeriod: 20 //seconds
});
$("#onAirToday").airtimeShowSchedule({
sourceDomain: "http://localhost",
text: {onAirToday:"On air today"},
updatePeriod: 5, //seconds
showLimit: 10
});
$("#scheduleTabs").airtimeWeekSchedule({
sourceDomain:"http://localhost",
dowText:{monday:"Monday", tuesday:"Tuesday", wednesday:"Wednesday", thursday:"Thursday", friday:"Friday", saturday:"Saturday", sunday:"Sunday", nextmonday:"Next Monday", nexttuesday:"Next Tuesday",nextwednesday:"Next Wednesday", nextthursday:"Next Thursday",nextfriday:"Next Friday", nextsaturday:"Next Saturday", nextsunday:"NextSunday"},
miscText:{time:"Time", programName:"Program Name", details:"Details", readMore:"Read More"},
updatePeriod: 600 //seconds
});
var d = new Date().getDay();
$('#scheduleTabs').tabs({selected: d === 0 ? 6 : d-1, fx: { opacity: 'toggle' }});
});
</script>
</head>
<body>
<h1>"Now Playing" Widget</h1>
This widget displays which show is currently playing:
<br/>
<br/>
<div id="headerLiveHolder" style="border: 1px solid #999999; padding: 10px;"></div>
<br/>
<br/>
<h1>"Current Show & Track Information" Widget</h1>
This widget displays which show and track are currently playing:
<br/>
<br/>
<div id="headerLiveTrackHolder" style="border: 1px solid #999999; padding: 10px;"></div>
<br/>
<br/>
<h1>"Today's Program" Widget</h1>
This widget displays the current show and shows being played later today:
<br/>
<br/>
<div id="onAirToday"></div>
<br/>
<br/>
<h1>"Weekly Program" Widget</h1>
This widget displays all the shows for the entire week, and the week ahead:
<br/>
<br/>
<div id="scheduleTabs"></div>
</body>
</html>