sintonia/public/js/playlist/playlist.js

var estimatedSchedulePosixTime = null;
var localRemoteTimeOffset = null;

var previousSongs = new Array();
var currentSong = new Array();
var nextSongs = new Array();

var currentShow = new Array();
var nextShow = new Array();

var currentElem;

var serverUpdateInterval = 5000;
var uiUpdateInterval = 200;

//set to "development" if we are developing :). Useful to disable alerts
//when entering production mode. 
var APPLICATION_ENV = "";

/* boolean flag to let us know if we should prepare to execute a function
 * that flips the playlist to the next song. This flags purpose is to
 * make sure the function is only executed once*/
var nextSongPrepare = true;
var nextShowPrepare = true;

var apiKey = "";

function getTrackInfo(song){
    var str = "";

    if (song.track_title != null)
        str += song.track_title;
    if (song.artist_name != null)
        str += " - " + song.artist_name;

    str += ","

    return str;
}

function secondsTimer(){
    if (localRemoteTimeOffset != null){
		var date = new Date();
        estimatedSchedulePosixTime = date.getTime() - localRemoteTimeOffset;
		updateProgressBarValue();
        updatePlaybar();
	}
    setTimeout(secondsTimer, uiUpdateInterval);
}

function newSongStart(){
    nextSongPrepare = true;
    currentSong[0] = nextSongs.shift();

    if (typeof notifySongStart == "function")
        notifySongStart();
    
}

function nextShowStart(){
    nextShowPrepare = true;
    currentShow[0] = nextShow.shift();

    //call function in nowplayingdatagrid.js
    if (typeof notifyShowStart == "function")
        notifyShowStart(currentShow[0]);
}

/* Called every "uiUpdateInterval" mseconds. */
function updateProgressBarValue(){
    var showPercentDone = 0;
	if (currentShow.length > 0){
		showPercentDone = (estimatedSchedulePosixTime - currentShow[0].showStartPosixTime)/currentShow[0].showLengthMs*100;
		if (showPercentDone < 0 || showPercentDone > 100){
			showPercentDone = 0;
			currentShow = new Array();
		}
	}
    $('#progress-show').attr("style", "width:"+showPercentDone+"%");

	var songPercentDone = 0;
	if (currentSong.length > 0){
		songPercentDone = (estimatedSchedulePosixTime - currentSong[0].songStartPosixTime)/currentSong[0].songLengthMs*100;
		if (songPercentDone < 0 || songPercentDone > 100){
			songPercentDone = 0;        
            currentSong = new Array();
		} else {
            if (currentSong[0].media_item_played == "t")
                $('#on-air-info').attr("class", "on-air-info on");
            else
                $('#on-air-info').attr("class", "on-air-info off");
            $('#progress-show').attr("class", "progress-show");
		}
	} else {
		$('#on-air-info').attr("class", "on-air-info off");
        $('#progress-show').attr("class", "progress-show-error");
    }
	$('#progress-bar').attr("style", "width:"+songPercentDone+"%");

	//calculate how much time left to next song if there is any
	if (nextSongs.length > 0 && nextSongPrepare){
		var diff = nextSongs[0].songStartPosixTime - estimatedSchedulePosixTime;
		if (diff < serverUpdateInterval){
            
            //sometimes the diff is negative (-100ms for example). Still looking
            //into why this could sometimes happen.
            if (diff < 0)
                diff=0;
                
			nextSongPrepare = false;
			setTimeout(newSongStart, diff);
		}
	}
	
	//calculate how much time left to next show if there is any
	if (nextShow.length > 0 && nextShowPrepare){
		var diff = nextShow[0].showStartPosixTime - estimatedSchedulePosixTime;
		if (diff < serverUpdateInterval){
            if (diff < 0)
                diff=0;
                
			nextShowPrepare = false;
			setTimeout(nextShowStart, diff);
		}
	}
}

function updatePlaybar(){
    /* Column 0 update */
    $('#previous').empty();
    $('#prev-length').empty();
    $('#current').html("Current: <span style='color:red; font-weight:bold'>Nothing Scheduled</span>");
    $('#next').empty();
    $('#next-length').empty();
    if (previousSongs.length > 0){
        $('#previous').text(getTrackInfo(previousSongs[previousSongs.length-1]));
        $('#prev-length').text(convertToHHMMSSmm(previousSongs[previousSongs.length-1].songLengthMs));
    }
    if (currentSong.length > 0){
        $('#current').text(getTrackInfo(currentSong[0]));
    }
    if (nextSongs.length > 0){
        $('#next').text(getTrackInfo(nextSongs[0]));
        $('#next-length').text(convertToHHMMSSmm(nextSongs[0].songLengthMs));
    }

    $('#start').empty();
    $('#end').empty();
    $('#time-elapsed').empty();
    $('#time-remaining').empty();
    $('#song-length').empty();
    for (var i=0; i<currentSong.length; i++){
        $('#start').text(currentSong[i].starts.substring(currentSong[i].starts.indexOf(" ")+1));
        $('#end').text(currentSong[i].ends.substring(currentSong[i].starts.indexOf(" ")+1));

        /* Get rid of the millisecond accuracy so that the second counters for both
         * show and song change at the same time. */
        var songStartRoughly = parseInt(Math.round(currentSong[i].songStartPosixTime/1000))*1000;
        var songEndRoughly = parseInt(Math.round(currentSong[i].songEndPosixTime/1000))*1000;

        $('#time-elapsed').text(convertToHHMMSS(estimatedSchedulePosixTime - songStartRoughly));
        $('#time-remaining').text(convertToHHMMSS(songEndRoughly - estimatedSchedulePosixTime));
        $('#song-length').text(convertToHHMMSSmm(currentSong[i].songLengthMs));
    }

    /* Column 1 update */
    $('#playlist').text("Current Show:");
    if (currentShow.length > 0)
    	$('#playlist').text(currentShow[0].name);

    $('#show-length').empty();
    if (currentShow.length > 0){
        $('#show-length').text(convertDateToHHMM(currentShow[0].showStartPosixTime) + " - " + convertDateToHHMM(currentShow[0].showEndPosixTime));
    }

    /* Column 2 update */
    $('#time').text(convertDateToHHMMSS(estimatedSchedulePosixTime));
}

function calcAdditionalData(currentItem){
    for (var i=0; i<currentItem.length; i++){
        currentItem[i].songStartPosixTime = convertDateToPosixTime(currentItem[i].starts);
        currentItem[i].songEndPosixTime = convertDateToPosixTime(currentItem[i].ends);
        currentItem[i].songLengthMs = currentItem[i].songEndPosixTime - currentItem[i].songStartPosixTime;
    }
}

function calcAdditionalShowData(show){
	if (show.length > 0){
		show[0].showStartPosixTime = convertDateToPosixTime(show[0].start_timestamp);
		show[0].showEndPosixTime = convertDateToPosixTime(show[0].end_timestamp);
		show[0].showLengthMs = show[0].showEndPosixTime - show[0].showStartPosixTime;
	}
}

function parseItems(obj){
    APPLICATION_ENV = obj.env;
    apiKey = obj.apiKey;
        
    $('#time-zone').text(obj.timezone);

    previousSongs = obj.previous;
    currentSong = obj.current;
    nextSongs = obj.next;
    
    calcAdditionalData(previousSongs);
    calcAdditionalData(currentSong);
    calcAdditionalData(nextSongs);
    
    currentShow = obj.currentShow;
    nextShow = obj.nextShow;
    
    calcAdditionalShowData(obj.currentShow);
    calcAdditionalShowData(obj.nextShow);

    var schedulePosixTime = convertDateToPosixTime(obj.schedulerTime);
    schedulePosixTime += parseInt(obj.timezoneOffset)*1000;
    var date = new Date();
    localRemoteTimeOffset = date.getTime() - schedulePosixTime;
}


function getScheduleFromServer(){
    $.ajax({ url: "/Schedule/get-current-playlist/format/json", dataType:"json", success:function(data){
                parseItems(data.entries);
          }, error:function(jqXHR, textStatus, errorThrown){}});
    setTimeout(getScheduleFromServer, serverUpdateInterval);
}


function init() {
    //begin producer "thread"
    getScheduleFromServer();
	
    //begin consumer "thread"
    secondsTimer();

    var qtipElem = $('#about-link');

    if (qtipElem.length > 0)
        qtipElem.qtip({
            content: $('#about-txt').html(),
            show: 'mouseover',
            hide: { when: 'mouseout', fixed: true },
            position: {
                corner: {
                    target: 'center',
                    tooltip: 'topRight'
                }
            },
             style: {
                border: {
                   width: 0,
                   radius: 4
                },
                name: 'light' // Use the default light style
             }
        });
}

$(document).ready(function() {
    if ($('#master-panel').length > 0)
        init();
});