$(function () {
	
	$.getJSON("https://search-api.nfhsnetwork.com/views/events/upcoming?size=4",
			  function (data) {
				  var str = '';
				  $.each(data.items, function (i, item) {
					  var date = formatDate(new Date(item.start_time));
					  
					  str += '<div class="videoDetails">';
					  str += '<a href="' + item.url + '" target="_blank">' + item.headline.replace(/ /g, '&nbsp;') + '<i class="externalLink"></i></a>';
					  str += '<span class="gameType">' + item.activity.replace(/ /g, '&nbsp;') + '</span>';
					  str += '<span class="videoDate">' + date.replace(/ /g, '&nbsp;') + '&nbsp;|&nbsp;' + item.city.replace(/ /g, '&nbsp;') + ',' + item.state.replace(/ /g, '&nbsp;') + '</span>';
					  str += '</div>';
				  });
				  
				  if(str == '') {
					  str = 'There are no upcoming events scheduled.';
					  str = str.replace(/ /g, '&nbsp;')
					  str = '<p class="gameType">' + str + '</p>';
				  }
				  
				  $('#networkUpcoming').html(str);
			  });
	
	// Get NFHS Network Highlights
	$.getJSON("https://search-api.nfhsnetwork.com/views/highlights?size=4",
			  function (data) {
				  var str = '';
				  $.each(data.items, function (i, item) {
					  var date = formatDate(new Date(item.created_at));
					  
					  str += '<div class="videoDetails">';
					  str += '<a href="' + item.url + '" target="_blank">' + item.activity.replace(/ /g, '&nbsp;') + '<i class="externalLink"></i></a>';
					  str += '<br/><a href="' + item.url + '" target="_blank">' + item.headline.replace(/ /g, '&nbsp;') + '</a>';
					  str += '<span class="videoDate">' + date.replace(/ /g, '&nbsp;') + '&nbsp;|&nbsp;' + item.city.replace(/ /g, '&nbsp;') + ',' + item.state.replace(/ /g, '&nbsp;') + '</span>';
					  str += '</div>';
				  });
				  
				  if(str == '') {
					  str = 'There are no live highlights available.';
					  str = str.replace(/ /g, '&nbsp;')
					  str = '<p class="gameType">' + str + '</p>';
				  }
				  
				  $('#networkHighlights').html(str);
			  });
	
	// Get NFHS Network Live
	$.getJSON("https://search-api.nfhsnetwork.com/views/events/live?size=3",
			  function (data) {
				  var str = '';
				  $.each(data.items, function (i, item) {
					  var date = formatDate(new Date(item.start_time));
					  
					  str += '<div class="videoDetails">';
					  str += '<a href="' + item.url + '" target="_blank">' + item.header.replace(/ /g, '&nbsp;') + '<i class="externalLink"></i></a>';
					  str += '<br/><a href="' + item.url + '" target="_blank">' + item.headline.replace(/ /g, '&nbsp;') + '</a>';
					  str += '<span class="gameType">' + item.subheadline.replace(/ /g, '&nbsp;') + '</span>';
					  str += '<span class="gameType">' + item.activity.replace(/ /g, '&nbsp;') + '</span>';
					  str += '<span class="videoDate">' + date.replace(/ /g, '&nbsp;') + '&nbsp;|&nbsp;' + item.city.replace(/ /g, '&nbsp;') + ',' + item.state.replace(/ /g, '&nbsp;') + '</span>';
					  str += '</div>';
				  });
				  
				  if(str == '') {
					  str = 'There are no live events at this time.';
					  str = str.replace(/ /g, '&nbsp;')
					  str = '<p class="gameType">' + str + '</p>';
				  }
				  
				  $('#networkLive').html(str);
			  });
					
	
	//$('.networkTabs').cycle();			
	//$('.videoTabsWrapper').cycle();
	
});

function formatDate(val) {
	var date = new Date(val);
	
	var options = {
		//weekday: 'short',
		year: 'numeric',
		month: 'short',
		day: 'numeric',
		hour: 'numeric',
		minute: 'numeric',
		timeZoneName: 'short'
	}
		
		return date.toLocaleTimeString(navigator.language, options);
}