YAHOO.namespace("sputnik");

function getProgramHTML(program, url, timenow) {
	var WIDTH = 226;
	var isCurrent = false;

	if (timenow > program['endts'])//has this program already ended?
		return '';
	
	var html = '<li class="current vevent"';
	if (timenow >= program['startts'])  {//is this program current?
		var total = program['endts'] - program['startts'];
        var done = timenow - program['startts'];
        var doneWidth = (WIDTH / total) * done;
		html += ' style="background-position: -'+(WIDTH-doneWidth)+'px 0px"';
		isCurrent = true;
	}

	html += '>';
	if (isCurrent) {
		html += '<span class="timing"><a href="'+ url +'">'+program['start'] + ' - ' + program['end']+'</a></span>'+
			'<span class="summary_playing"><a href="'+ url +'">'+program['title']+'</a></span>';
	} else {
		html += '<span class="timing">'+program['date_long']+': '+
			program['start'] + ' - ' + program['end']+'</span>'+
			'<span class="summary"><a href="'+ url +'">'+program['title']+'</a></span>';
	}
	html += '</li>';

	return html;
}

YAHOO.sputnik.liveteaserSingle = function(container, programs, linkUri) {
	var MAX_SHOW = 4;
	var shown = 0;
	var container = document.getElementById(container);
	var timenow = TV2.Sputnik.getTime();

	for(var i = 0; i < programs.length; i++ ) {
		if (shown >= MAX_SHOW)
			break;
		if (timenow > programs[i]['endts'])
			continue;

		$(container).append(
			'<li class="venue"><a href="' + programs[i]['url'] + '" class="col-1 location"><span style="background-image:' +
			'url(' + programs[i]['img'] + ');">' + programs[i]['bc'] + '</span></a><ol class="programme">' +
			getProgramHTML(programs[i], programs[i]['url'], timenow) +
			'</ol></li>' );

		shown++;
	}
	
	if (linkUri)
		$(container).append(
			'<li class="venue"><p class="read-more"><a href="' + linkUri +
			'">Se den komplette programplan</a></p></li>'
		);
}

YAHOO.sputnik.liveteaser = function(container, programs, url, title) {
    var container = document.getElementById(container);
    var timenow = TV2.Sputnik.getTime();
	var html = null;

	for(var i = 0, len = programs.length; i < len; i++)
        if (timenow <= programs[i]['endts']) {
            html = getProgramHTML(programs[i], url, timenow);
            break;
        }
	if (html == null) {
		html = '<li class="current vevent">'+
			'<span class="summary"><a href="'+ url +'">Se '+title+' live</a></span>'+
			'</li>';
	}
	$(container).append(html);
}