var popupTimer = 0;
var popupCountry, popupId, mouse_x, mouse_y;
$(function() {
		$('.channel ul li a').mouseover(function(e) {
			var array = eval($(this).attr('rel'));
			popupCountry = array[0];
			popupId = array[1];
			popupTimer = setTimeout("doThePopup()", 1500);
			mouse_y = 0;
			mouse_x = 0;
			mouse_x = e.pageX;
			mouse_y = e.pageY;
		}).mouseout(function() {
			clearTimeout(popupTimer);
			if($('.info-helper').length > 0) {
				$('.info-helper').hide('fast').remove();
			}
		});
});

function doThePopup() {
	if(!$.browser.msie) {
		clearTimeout(popupTimer);
		$.ajax({
			'url': 'json.php',
			'type': 'get',
			'cache': false,
			'dataType': 'json',
			'data': {'what': 'program','country': popupCountry,'id': popupId},
			'success': function(dataObj) {
				$('body').append('<div class="info-helper"></div>');
				$('.info-helper').append('<div class="name">' + dataObj.station_name + '</div>');
				$('.info-helper').append('<div class="program">' + dataObj.program_title + '</div>');
				$('.info-helper').append('<div class="start">' + dataObj.start_time.replace(/[0-9]{4}-[0-9]{2}-[0-9]{2}\s/, '').replace(/([0-9]{2}:[0-9]{2}):[0-9]{2}/g, "$1") + '</div>');
				$('.info-helper').append('<div class="end">' + dataObj.end_time.replace(/[0-9]{4}-[0-9]{2}-[0-9]{2}\s/, '').replace(/([0-9]{2}:[0-9]{2}):[0-9]{2}/g, "$1") + '</div>');
				$('.info-helper').append('<div class="desc">' + dataObj.text1 + '</div>');
				$('.info-helper').css({'top': eval(Number(mouse_y) - 100) + 'px','left': eval(Number(mouse_x) + 25) + 'px'});
				$('.info-helper').show('slow');
			},
			'error': function(obj,status,thrown) {
				alert('Error:\n' + obj + '\n' + status + '\n' + thrown);
			}
		});
	}
}