// area de instancias

function Conferencias()
{
    this.vlAtual = null;
    this.DataTable = null;    
}

var conferencias = new Conferencias();


function AbrirJanelaVisualizarConferencia()
{     
    abrirJanelaConferencia('ListaConferencia.aspx');
}

function AbrirVisualizarConferencia()
{    
    sb = new StringBuilder();
    
    //Cabeçalho da página
	sb.append('<table width="780" border="0" cellspacing="0" cellpadding="0" style="background-color: #F1F1F1">');

     sb.append('<tr>');
      //Título da página e Inclusão de Conferência
	  sb.append('<td height="64px" align="center" valign="center" class="tituloPagina" rowspan="3" >');
	    sb.append('Conferências');
	    sb.append('<br/>');
	    //sb.append('<a href="#" onclick="NovaConferencia()"><img src="images/btn_adcionar.gif" border="0"/></a>');
	  sb.append('</td>');

	  sb.append('<td align="center" valign="top" class="tituloCampo" colspan="4" height="16px">');
	    sb.append('<u>F &nbsp;i &nbsp;l &nbsp;t &nbsp;r &nbsp;o &nbsp;s</u>');
	  sb.append('</td>');
	 sb.append('</tr>');
	 sb.append('<tr>');

	  //Pesquisa
	  sb.append('<td align="right" valign="center" class="tituloCampo" height="21px">');
	    sb.append('Nome:');
	  sb.append('</td>');  
	  sb.append('<td align="left" valign="center">');
	    sb.append('<input type="text" id="txtBuscaConferenciasNome" size="30" class="boxPesquisa"/>');
      sb.append('</td>');  	    
      sb.append('<td align="right" valign="center" class="tituloCampo">');
	    sb.append('Descrição:');
	  sb.append('</td>');
	  sb.append('<td align="left" valign="center">');
	    sb.append('<input type="text" id="txtBuscaConferenciasDescricao" class="boxPesquisa" size="40" />');
	  sb.append('</td>');
	  
	 sb.append('</tr>');	    
	 sb.append('<tr>');
	 
	  sb.append('<td align="right" valign="center" class="tituloCampo" height="22px">');
	    sb.append('Início:');
	  sb.append('</td>');
	  sb.append('<td align="left" valign="center">');	  
	    sb.append('<input type="text" id="txtBuscaConferenciasInicioCalendario" class="boxPesquisa" size="10" />');
      sb.append('</td>');
	  sb.append('<td align="right" valign="center" class="tituloCampo">');
	    sb.append('Status:');
	  sb.append('</td>');
	  sb.append('<td align="left" valign="center">');
	    sb.append('<select id="selectBuscaConferenciasStatus" class="comboboxPesquisa" onchange="filtraVisualizarConferencia(\'\')">');
	      sb.append('<option value="">Todos</option>');
	      sb.append('<option value="0">Não iniciada</option>');
	      sb.append('<option value="1">Iniciada</option>');
	      sb.append('<option value="2">Arquivo</option>');
	    sb.append('</select>');
	  sb.append('</td>');

	 sb.append('</tr>');
	sb.append('</table>');

	//div para conter a lista das conferências
    sb.append('<div id="dvListaConferencias"></div>');               

    //Exibe o conteúdo da página no dvCorpo da página principal
    $('dvVisualizarConferencia').innerHTML = sb.toString();

    //Vincula o Campo de Pesquisa com o funcionalidade de filtragem 
    OlhaCampoNome = new olhaCampo($('txtBuscaConferenciasNome'), filtraVisualizarConferencia, 'OlhaCampoNome');
    OlhaCampoDescricao = new olhaCampo($('txtBuscaConferenciasDescricao'), filtraVisualizarConferencia, 'OlhaCampoDescricao');
    OlhaCampoInicio = new olhaCampo($('txtBuscaConferenciasInicioCalendario'), filtraVisualizarConferencia, 'OlhaCampoInicio' );    
    
    conferencias.DataTable = verificaSessao(WCAjax.GetConferenciaPorUsuario());
    RenderVisualizarConferencia();
}    

function filtraVisualizarConferencia(cBusca)
{
    
    conferencias.DataTable.unfilter(true);
    
    if($('txtBuscaConferenciasNome').value != '')
        conferencias.DataTable.filter('Nome', $('txtBuscaConferenciasNome').value, filterMode.contains, caseType.CIAS);
    
    if($('txtBuscaConferenciasDescricao').value != '')
        conferencias.DataTable.filter('Descricao', $('txtBuscaConferenciasDescricao').value, filterMode.contains, caseType.CIAS);
    
    if($('txtBuscaConferenciasInicioCalendario').value != '')
        conferencias.DataTable.filter('DataHoraInicio', $('txtBuscaConferenciasInicioCalendario').value, filterMode.contains, caseType.CIAS);
             
    if($('selectBuscaConferenciasStatus').options[$('selectBuscaConferenciasStatus').selectedIndex].value != '')
    {
       conferencias.DataTable.filter('Status',$('selectBuscaConferenciasStatus').options[$('selectBuscaConferenciasStatus').selectedIndex].value,filterMode.contains, caseType.CIAS);           
    }    
    RenderVisualizarConferencia();
}

function RenderVisualizarConferencia()
{           
    var ctAoVivo = 0;
    var ctArquivo = 0;
    
    var dt = conferencias.DataTable;
    var cStatus = '';
	sbAoVivo = new StringBuilder();
	sbArquivo = new StringBuilder();
		  
       sbAoVivo.append('<table  width="780" border="0" cellspacing="0" cellpadding="0" >');       
       sbArquivo.append('<table  width="780" border="0" cellspacing="0" cellpadding="0" >');      
       
       
        if(dt != null)
        {
            for(var i=0; i<dt.rows.length; i++)
            {              
                switch(dt.rows[i].Status)
                {
                 case statusConferenciaWeb.NaoIniciada: cStatus = 'Não Iniciada'; break;
                 case statusConferenciaWeb.Iniciada: cStatus = 'Iniciada'; break;
                 case statusConferenciaWeb.Arquivo: cStatus = 'Arquivo'; break;                                     
                }               
                          
               var Ativa =  dt.rows[i].Ativa ? "":" <span style='color:#FF0000'>(Inativa)</span>";
                            
               if (dt.rows[i].Status==statusConferenciaWeb.NaoIniciada || dt.rows[i].Status==statusConferenciaWeb.Iniciada)
               {
                  //Conferencia Ativa
                  ctAoVivo++;                   
                  sbAoVivo.append('<tr class="tblListaTr" onMouseover="this.className = \'tblListaTrFoco\'" onMouseout="this.className = \'tblListaTr\'" style="cursor:default;">');
                  sbAoVivo.append(' <td>');                    
                  sbAoVivo.append('<table width="780" border="0" cellspacing="2" cellpadding="2"><tr>');    
                  sbAoVivo.append('<td style="width:250px" class="tblListaPontaMeio" align="left"><b><u>' + dt.rows[i].Nome +'</u>'+Ativa+'</b></td>');
                  sbAoVivo.append('<td style="width:260px" class="tblListaPontaMeio" align="center" ><b>' + dt.rows[i].DataHoraInicio.toString('dd/MM/yyyy') +'&nbsp;&nbsp;'+ dt.rows[i].DataHoraInicio.toString('HH:mm') + '</b>');
                  sbAoVivo.append('&nbsp;&nbsp; até &nbsp;&nbsp;');
                  sbAoVivo.append('<b>' + dt.rows[i].DataHoraFim.toString('dd/MM/yyyy') +'&nbsp;&nbsp;'+ dt.rows[i].DataHoraFim.toString('HH:mm') +'</b></td>');                        
                  sbAoVivo.append('</tr>');
                  sbAoVivo.append('<tr>');
                  sbAoVivo.append('<td style="width:510px" class="tblListaPontaMeio" align="left" colspan="2" rowspan="2"> &nbsp;&nbsp;&nbsp;' + dt.rows[i].Descricao +'</td>');
                  sbAoVivo.append('<td class="tblListaPontaMeio" align="right" valign="top">');
                  sbAoVivo.append('&nbsp;&nbsp;<img style="cursor:pointer;" src="images/webcam_icon.gif" border="0" onclick="visualizarConferenciaAssistir('+ dt.rows[i].Codigo +')" alt="Assistir transmissão ao vivo" />');
                  sbAoVivo.append('</td>');
                  sbAoVivo.append('</tr>');                    
                  sbAoVivo.append('<tr>');
                  sbAoVivo.append('<td class="tblListaPontaMeio" valign=bottom"" align="right"><b>' + cStatus +'</b></td>');
                  sbAoVivo.append('</tr>');                                    
                  sbAoVivo.append('</table>');                        
                  sbAoVivo.append(' </td>');    
                  sbAoVivo.append('</tr>');                    
                  sbAoVivo.append('<tr>');
                  sbAoVivo.append('<td class="tblListaDivOpt"></td>');
                  sbAoVivo.append('</tr>');                    
               }
               else
               {
                  //Conferência em arquivo
                  ctArquivo++;
                  sbArquivo.append('<tr class="tblListaTr" onMouseover="this.className = \'tblListaTrFoco\'" onMouseout="this.className = \'tblListaTr\'" style="cursor:default;">');
                  sbArquivo.append(' <td>');                    
                  sbArquivo.append('<table width="780" border="0" cellspacing="2" cellpadding="2"><tr>');    
                  sbArquivo.append('<td style="width:250px" class="tblListaPontaMeio" align="left"><b><u>' + dt.rows[i].Nome +'</u>'+Ativa+'</b></td>');
                  sbArquivo.append('<td style="width:260px" class="tblListaPontaMeio" align="center" ><b>' + dt.rows[i].DataHoraInicio.toString('dd/MM/yyyy') +'&nbsp;&nbsp;'+ dt.rows[i].DataHoraInicio.toString('HH:mm') + '</b>');
                  sbArquivo.append('&nbsp;&nbsp; até &nbsp;&nbsp;');
                  sbArquivo.append('<b>' + dt.rows[i].DataHoraFim.toString('dd/MM/yyyy') +'&nbsp;&nbsp;'+ dt.rows[i].DataHoraFim.toString('HH:mm') +'</b></td>');                        
                  sbArquivo.append('</tr>');
                  sbArquivo.append('<tr>');
                  sbArquivo.append('<td style="width:510px" class="tblListaPontaMeio" align="left" colspan="2" rowspan="2"> &nbsp;&nbsp;&nbsp;' + dt.rows[i].Descricao +'</td>');
                  sbArquivo.append('<td class="tblListaPontaMeio" align="right" valign="top">');
                  sbArquivo.append('&nbsp;&nbsp;<img style="cursor:pointer;" src="images/tv.gif" border="0" onclick="visualizarConferenciaAssistir('+ dt.rows[i].Codigo +')" alt="Assistir transmissão ao vivo" />');
                  sbArquivo.append('</td>');
                  sbArquivo.append('</tr>');                    
                  sbArquivo.append('<tr>');
                  sbArquivo.append('<td class="tblListaPontaMeio" valign=bottom"" align="right"><b>' + cStatus +'</b></td>');
                  sbArquivo.append('</tr>');                                    
                  sbArquivo.append('</table>');                        
                  sbArquivo.append(' </td>');    
                  sbArquivo.append('</tr>');                    
                  sbArquivo.append('<tr>');
                  sbArquivo.append('<td class="tblListaDivOpt"></td>');
                  sbArquivo.append('</tr>');                                                                                                         
               }               
            }                        
        }              
        sbAoVivo.append('</table>');
        sbArquivo.append('</table>');                
        sb = new StringBuilder();
        sb.append('<div class=\"adminBoxTitCinza\" style=\"margin-bottom:4px;width:775px;\">Ao Vivo - '+ ctAoVivo +'</div>');     
        sb.append(sbAoVivo.toString());
        sb.append('<br/><div class=\"adminBoxTitCinza\" style=\"margin-bottom:4px;width:775px;\">Arquivo - '+ ctArquivo +'</div>');     
        sb.append(sbArquivo.toString());         
        $('dvListaConferencias').innerHTML = sb.toString();
}

function visualizarConferenciaAssistir(codigo)
{
    var width = screen.width;
    var height = screen.height;
    /*if(screen.width < 1024 && screen.height < 768) {
        width = 800; height = 525;
    } else {
        width = 1018; height = 695;
    }
    */
    var w = window.open('/WebConference.aspx?webConference=' + codigo, 'webConferenceWindow', 'width=' + width + ',height=' + height + ',top=0,left=0,directories=no,location=no,menubar=no,scrollbars=no,status=no,toolbar=no');
    w.moveTo((screen.width - width)/2,(screen.height - height)/2);
}