var channelurl = 'http://players.mediasilo.com.s3.amazonaws.com/channel-A3FA6DEA-F873-FABB-514F9506DAC39818.json';
var lineupurl = '';
var currentLineup;
var channels;

// Loop over assets and display lineup. This is a callback function and has to be outside of the JQuery .ready statement
function processChannel(feed){
	channels = feed;
	$.each(feed.lineups, function(i) {
		$('#channel').append("<div class='accordionButton' rel='"+i+"'><p><span class='whiteText'>Channel: </span><span class='highlightText'>"+feed.lineups[i].name+"</span></p></div>");
		$('#channel').append("<div class='accordionContent'><div id='lineup"+i+"' class='lineup'></div></div>");
		});
		$('div.accordionButton:first').click();
	};
		
$(document).ready(function(){
	
	// Loads the Channel JSON file and executes the returning function and data set
	function loadChannel(url) {
		var headID = document.getElementsByTagName("head")[0];         
		var newScript = document.createElement('script');
		newScript.type = 'text/javascript';
		newScript.src = url;
		headID.appendChild(newScript);
	}
	
	// Accordion Functionality
	$('div.accordionButton').live("click", function() {
		currentlocation = $(this).attr('rel');
		$('div.accordionContent').slideUp('normal');	
		$(this).next().slideDown('normal', function(){
			$("#lineup"+currentlocation).html(""); 
			getLineup(channels.lineups[currentlocation].url, currentlocation);
		});
	});
 
	$("div.accordionContent").hide();
	
	// Select and play the clip
	$('.asset img').live("click", function(event) {
		selectedclip = $(this).attr('rel');
		url = currentLineup[selectedclip].MEDIA_URL;
		title = currentLineup[selectedclip].TITLE;
		$(".asset li img").removeClass("selected");
		$(this).addClass("selected");
		playVideo(url,title);
	});
		
	// Play selected video	
	function playVideo(url,title){
		document.getElementById('mediasiloplayer').sendEvent('LOAD',url);
		document.getElementById('mediasiloplayer').sendEvent('PLAY');
	}	
	
	// Parse the incoming RSS file and return as JSON object
	function getLineup(url,displaylocation){
	$.getJSON('http://silo1.mediasilo.com/rssparser.cfc?method=parse&url='+url+'&callback=?', function(data, textStatus){
		currentLineup = data;
		showAssets(data,displaylocation);
		})
	}
	
	// Loop over assets and display lineup
	function showAssets(assets, displaylocation){
		$('#lineup'+displaylocation).append("<ul id='assets"+displaylocation+"' class='asset'></ul>");
			$.each(assets, function(i) {
    		if(assets[i].PREVIEW_URL != null){
    			$("#assets"+displaylocation).append("<li><img rel='"+i+"' src='"+assets[i].PREVIEW_URL+"'></li>");
    			} else {
    			$("#assets"+displaylocation).append("<li><img rel='"+i+"' src='"+assets[i].THUMBNAIL_URL+"'></li>");
			}
    	})
  	}
  
  	loadChannel(channelurl);

  });