function markTypes(elm) {
	type = $(elm).attr('tname');
	selected = ($(elm).attr('chosen') == 'false');
	doTypeMarking(type,selected);
}
function doTypeMarking(type,selected) {
	elm = document.getElementById('types_'+ type);
	if(selected) {
		$(elm).attr('src','/imgs/design/epg/markers/'+ type +'Selected.png');
		$(elm).attr('chosen','true');
		$('img[pType='+type+']').show();
		$('table.epg tr[epgtype='+type+']').addClass(type);
	} else {
		$(elm).attr('src','/imgs/design/epg/markers/'+ type +'.png');
		$(elm).attr('chosen','false');
		$('img[pType='+type+']').hide();
		$('table.epg tr.'+type).removeClass(type);
	}
	//saves the mark for next pageload
	marked = readCookie('markTypes');
	if(marked == null) marked = '1,1,1,1,1,1,1,1,1,1,1,1';
	myTypeMarking = marked.split(',');
	
	switch(type) {
		case 'movie':
			i = 0;
			break;
		case 'serie':
			i = 1;
			break;
		case 'sport':
			i = 2;
			break;
		case 'documentary':
			i = 3;
			break;
		case 'news':
			i = 4;
			break;
		case 'kids':
			i = 5;
			break;
		case 'entertainment':
			i = 6;
			break;
		case 'music':
			i = 7;
			break;
		case 'reality':
			i = 8;
			break;
		case 'religion':
			i = 9;
			break;
		case 'show':
			i = 10;
			break;
		case 'science':
			i = 11;
			break;
	}
	myTypeMarking[i] = selected?1:0;
	myTypeMarkingString = myTypeMarking.join(',');
	saveCookie('markTypes',myTypeMarking,356);
}
//do marking
function initTypeMarking() {
	marked = readCookie('markTypes');
	if(marked == null) marked = '1,1,1,1,1,1,1,1,1,1,1,1';
	var myTypeMarking = marked.split(',');
	if((myTypeMarking[0]!=1)) doTypeMarking('movie',false);
	if((myTypeMarking[1]!=1)) doTypeMarking('serie',false);
	if((myTypeMarking[2]!=1)) doTypeMarking('sport',false);
	if((myTypeMarking[3]!=1)) doTypeMarking('documentary',false);
	if((myTypeMarking[4]!=1)) doTypeMarking('news',false);
	if((myTypeMarking[5]!=1)) doTypeMarking('kids',false);
	if((myTypeMarking[6]!=1)) doTypeMarking('entertainment',false);
	if((myTypeMarking[7]!=1)) doTypeMarking('music',false);
	if((myTypeMarking[8]!=1)) doTypeMarking('reality',false);
	if((myTypeMarking[9]!=1)) doTypeMarking('religion',false);
	if((myTypeMarking[10]!=1)) doTypeMarking('show',false);
	if((myTypeMarking[11]!=1)) doTypeMarking('science',false);
}
initTypeMarking();

function saveCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}


/**
 * Counts a like (or dislike) for logged in user.
 * Must be called for a container that can have added the class ui-state-highlight if liked or removed the class ui-state-highlight if not like anymore
 * 
 * @param int id of program to like (or dislike if user already likes it)
**/ 
function like(id, buttonElm) {
	$(buttonElm).css('background-image', 'url(/imgs/icons/loading.gif)');
	
	$.post('/scripts/epg/like.php', {id:id}, function(res) {
		if(isNaN(res)) {
			alert(res);
		} else {
			if(res == -1) {
				$(buttonElm).css('background-image', 'url(/imgs/icons/like.png)');
				$(buttonElm).html("Recommend");
				if(typeof(__ontv_summary) == 'object') {
					if(typeof(__ontv_summary.loaded[id]) == 'object') {
						__ontv_summary.loaded[id].like = "FALSE";
					}
				}
			} else {
				$(buttonElm).css('background-image', 'url(/imgs/icons/likes.png)');
				$(buttonElm).html("Don't recommend");
				if(typeof(__ontv_summary) == 'object') {
					if(typeof(__ontv_summary.loaded[id]) == 'object') {
						__ontv_summary.loaded[id].like = "TRUE";
					}
				}
			}
		}
	});
}


/**
 * Makes all live bars run live
 */
function updateLiveBarsTime() {
	now = new Date();
	cur_time = now.getTime() / 1000;
	
	$("div.live-bar").each(function() {
		start_time = parseInt($(this).attr('startTime'));
		end_time = parseInt($(this).attr('endTime'));
		length = end_time - start_time;
		went = end_time - cur_time;
		percent_left = Math.round(went / length * 100);
		percent_went = 100 - percent_left;
		if(percent_went > 100) {
			percent_went = 100;
		}
		if(percent_left > 100) {
			percent_left = 100;
		}
		
		// Sets widths
		$(this).find('span.went').css('width', percent_went+'%');
		$(this).find('span.left').css('width', percent_left+'%');
		
		// Makes a 100% went bar corner all around
		if(percent_went == 100) {
			$(this).find('span.went').removeClass('ui-corner-left').addClass('ui-corner-all');
		}
		
		// Setting went color codes
		if(percent_went <= 20) {
			$(this).find('span.went').addClass('beginning');
		} else if(percent_went <= 79) {
			$(this).find('span.went').addClass('middle');
		} else {
			$(this).find('span.went').addClass('ending');
		}
	});
	
	setTimeout('updateLiveBarsTime();', 750);
}
updateLiveBarsTime();