var seminariosInfo = eval('({"result":"OK","RecordCount":0,"servertime":1283796796,"Data":[]})');
var TABLE = '<br />PROXIMOS SEMINARIOS:</span><br /><br />';
var ROW = '<tr><td><table width="875" height="150" border="0" cellpadding="10" cellspacing="0" background="images/bg_bnr_seminarios_horizontal_01.gif">'+
         '<tr><td width="574" align="center" valign="middle" background="images/000.50p.png">'+
        '<table width="97%" border="0" cellspacing="0" cellpadding="0">'+
          '<tr><td align="left" valign="middle"><span class="TxtSubt_Top_01"><span class="TxtInfo_ff0">%%N%%</span></span><br />'+
          '<span class="TxtSubt_Top_02">%%F%% </span><span class="TxtInfo_02">(Hora del centro de M&eacute;xico)</span><span class="TxtSubt_Top_02"><br />'+
          'Impartido <span class="TxtInfo_f00"><strong>en vivo</strong></span> por Leonardo Stemberg.<br />'+
          '<img src="images/fff.50p.png" alt="-" width="500" height="3" vspace="4" /> </span></td>'+
          '</tr>'+
        '</table>'+
        '<table width="97%" border="0" cellspacing="0" cellpadding="0">'+
          '<tr><td align="left" valign="middle"><span class="TxtSubt_Top_01">&iexcl;Este seminario tiene promoci&oacute;n! <a href="promociones.html">Ver promociones <img src="images/icos/0033_bala.gif" alt="&bull;" width="11" height="11" border="0" /></a></span></td>'+
          '</tr></table></td>'+
        '<td width="261" height="140" align="center" valign="middle" background="images/000.25p.png">'+
          '<table width="93%" border="0" cellspacing="0" cellpadding="0">'+
           '<tr><td align="left" valign="middle"><span id="%%IDTL%%" class="TxtSubt_Top_02">Faltan:<br />'+
                '%%D%% d&iacute;as , %%H%% horas, %%M%% minutos.</span><br />'+
                '<img src="images/fff.50p.png" alt="-" width="230" height="3" vspace="4" /></td>'+
           '</tr></table>'+
           '<table width="93%" border="0" cellspacing="0" cellpadding="0">'+
              '<tr><td align="left" valign="middle"><span class="TxtSubt_Top_02">M&aacute;ximo:'+
                  '%%C%% participantes.<br /></strong>Disponibles: %%R%%</span></td>'+
              '</tr>'+
            '</table></td>'+
        '</tr>'+
      '</table>'+
      '<img src="images/-.gif" alt="." width="574" height="10" />'+
      '<br /></td></tr>';
      
var timeDiff = 0;

$(document).ready(function(){
	updateTableSeminarios();
});

function loadSeminarios(){
	
}
		
function updateTableSeminarios(){
	var id_Key, id_Seminario, nombre, fecha, fechastr, cupo, restantes;
  	var data = seminariosInfo.Data;
	var DisplayStr = '';
	
	var now = new Date().getTime();
	
	timeDiff = now - (seminariosInfo.servertime * 1000);
	//alert('timeDiff: '+timeDiff + 'now '+now + 'seminariosInfo.servertime ' + seminariosInfo.servertime);
	
  	$('#tableSeminarios tbody').empty();
	
	DisplayStr = '';
	
  	for (id in data)
  	{
    	id_Key = data[id].id_key;
    	id_Seminario = data[id].id_seminario;
    	nombre = data[id].nombre;
    	fecha = JSON.toDate(data[id].fecha);
    	fechastr = data[id].fechastr;
    	cupo = data[id].cupo;
    	restantes = data[id].restantes;
    	
    	DisplayStr = DisplayStr + ROW.replace(/%%N%%/g, nombre);
  		DisplayStr = DisplayStr.replace(/%%F%%/g, fechastr);
  		DisplayStr = DisplayStr.replace(/%%IDTL%%/g, 'timeleft_'+id_Key);
  		DisplayStr = DisplayStr.replace(/%%C%%/g, cupo);
  		DisplayStr = DisplayStr.replace(/%%R%%/g, restantes);
  		
  		//alert('id: '+id+' str:'+DisplayStr);
  			
					
  	}
  	
  	$('#tableSeminarios tbody').append('' +	DisplayStr );
  	
  	CountDown();
  	setInterval("CountDown()", 1000);
  	
}


function calcage(secs, num1, num2) {
  s = ((Math.floor(secs/num1))%num2).toString();
  if (s.length < 2)
    s = "0" + s;
  return s;
}

function CountDown() {
  	var id_Key, id_Seminario, nombre, fecha;
  	var data = seminariosInfo.Data;
	var now = new Date().getTime();
	var secs = 0, DisplayStr = '';
	
	var DisplayFormat = "Faltan:<br /> %%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos.";
	
  	for (id in data)
  	{
    	id_Key = data[id].id_key;
    	id_Seminario = data[id].id_seminario;
    	nombre = data[id].nombre;
    	fecha = JSON.toDate(data[id].fecha);
    	
    	secs = (fecha.getTime() - (now - timeDiff)) / 1000;
    	
    	if (secs < 0) break;
  		
  		DisplayStr = '';
  		DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
  		DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
  		DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
  		DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));
		
		//alert(id + ' countDown:'+DisplayStr);
  		document.getElementById("timeleft_"+id_Key).innerHTML = DisplayStr;
  	}
}