/*

	www.iepct.org.mx

	Nota: 
		*	JS para la funcionalidad del index.php
		*	Requiere 
				-- prototype.js
				-- utils.js

*/

var _menu;			// Menu en uso
var _submenu;		// Submenu en uso
var retornaf;		// Flag adicional
var fechaObjetivo;
var actualiza;

function cuentaRegresiva( _elemento ){
	var fechaActual = new Date();
	var diferenciaFechas = fechaObjetivo - fechaActual;
	var contenedorFecha = document.getElementById(_elemento);
	
	if (diferenciaFechas > 0){
		
		var segundos = Math.round(diferenciaFechas/1000);
		var minutos = Math.floor(segundos/60);
		var segundos_s = segundos%60;
		var horas = Math.floor(minutos/60);
		var minutos_s = minutos%60;
		var dias = Math.floor(horas/24);
		var horas_s = horas%24;
		
		if(dias<10){			
			dias = "0"+dias			
		}
		
		if(horas_s<10){
			horas_s = "0"+horas_s
		}
		
		if(minutos_s<10){			
			minutos_s="0"+minutos_s		
		}
		
		if(segundos_s<10){
			segundos_s="0"+segundos_s
		}
		
		contenedorFecha.innerHTML= dias + "  " + horas_s + ":" +minutos_s + ":" + segundos_s;
		setTimeout("cuentaRegresiva('"+_elemento+"')",actualiza);
		
	} else {
		
		contenedorFecha.innerHTML= "0000  00:00:00" ;
		return true;
	}
}


function cerrarModal(){

	$('contModal').style.visibility = 'hidden';
	$('contModal').innerHTML='';

} // cerrarEventos



function verPresLibroWindowLoad(){
	verPresLibro();
	setTimeout('cerrarModal()', 5000);
} // verPresLibroWindowLoad

function verPresLibro(){

	$("contModal").style.visibility = 'visible';
	
	$("contModal").innerHTML='<div id="modalUbicacion"></div>';
	
	$("modalUbicacion").innerHTML='<img src="images/presLibro.jpg" width="800" heigth="520" alt="Presentación de Libro" />';
	$("modalUbicacion").innerHTML='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" /></a>';
} // verPresLibro

function verCartelVoto(){

	$("contModal").style.visibility = 'visible';
	
	$("contModal").innerHTML='<div id="modalUbicacion"></div>';
	
	$("modalUbicacion").innerHTML='<img src="images/cartelVoto.jpg" width="800" heigth="520" alt="IEPC Tabasco" />';
	$("modalUbicacion").innerHTML+='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" /></a>';
} // verCartelVoto

function verInvitacion(){

	$("contModal").style.visibility = 'visible';
	
	$("contModal").innerHTML='<div id="modalUbicacion"></div>';
	
	$("modalUbicacion").innerHTML='<img src="images/confElecciones2011.jpg" width="800" heigth="520" alt="Magna connferencia Elecciones 2012 y los retos de la Democracia en México" />';
	$("modalUbicacion").innerHTML+='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" /></a>';

} // verITAIP

function verUbicacion(){

	$("contModal").style.visibility = 'visible';
	
	$("contModal").innerHTML='<div id="modalUbicacion"></div>';
	
	$("modalUbicacion").innerHTML='<iframe width="800" height="520" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"  src="http://maps.google.com.mx/maps?georestrict=input_srcid:d882a112cdc5db32&amp;hl=es&amp;view=map&amp;mcsrc=details&amp;num=1&amp;ved=0CAwQpQY&amp;ei=dUaaTLGOB6HMtAP-pcjgBg&amp;ie=UTF8&amp;start=0&amp;cid=12720001138382208494&amp;q=Instituto+Electoral+y+de+Participaci%C3%B3n+Ciudadana+de+Tabasco&amp;hq=Instituto+Electoral+y+de+Participaci%C3%B3n+Ciudadana+de+Tabasco&amp;hnear=&amp;iwloc=A&amp;ll=17.995000,-92.92041&amp;spn=0.006295,0.006295&amp;output=embed"></iframe>';
	$("modalUbicacion").innerHTML+='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" /></a>';

} // verUbicacion

/* ******************************************************************************************************** */
/* ******************************   INICIA PRESENTACIÓN DE OBJETOS EN FLASH   ***************************** */
/* ******************************************************************************************************** */
function verGeografia(){

	$('contModal').style.visibility = 'visible';

	$('contModal').innerHTML='<div id="modalGeografia"><div id="geografiaElectoral"></div></div>';

	var flashvars = {};
	var params = {menu: 'false', wmode:'transparent'};
	swfobject.embedSWF('swf/geografiaElectoral.swf', 'geografiaElectoral', '800', '520', '9.0.0', 
					   	'swf/expressInstall.swf', flashvars, params, false);

	$('modalGeografia').innerHTML+='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" ></a>';
	
} // verGeografia

function verDistritacion(){

	$('contModal').style.visibility = 'visible';

	$('contModal').innerHTML='<div id="modalGeografia"><div id="ubicaDistrito"></div></div>';

	var flashvars = {};
	var params = {menu: 'false', wmode:'transparent'};
	swfobject.embedSWF('swf/ubicaDistrito.swf', 'ubicaDistrito', '800', '520', '9.0.0', 
					   	'swf/expressInstall.swf', flashvars, params, false);

	$('modalGeografia').innerHTML+='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" ></a>';
	
} // verGeografia

function verEBook(){

	$('contModal').style.visibility = 'visible';

	$('contModal').innerHTML='<div id="modalGeografia"><div id="ebook"></div></div>';

	var flashvars = {};
	var params = {menu: 'false', wmode:'transparent'};
	swfobject.embedSWF('swf/eBook.swf', 'ebook', '700', '541', '9.0.0', 
					   	'swf/expressInstall.swf', flashvars, params, false);

	$('modalGeografia').innerHTML+='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" ></a>';
	
} // verGeografia

function verBannerPrincipal(){

	var flashvars = {};
	var params = {menu: 'false', wmode:'transparent'};
	swfobject.embedSWF('swf/bannerPrincipal.swf', 'bannerPrincipal', '904', '276', '9.0.0', 
					   'swf/expressInstall.swf', flashvars, params, false);	
	//swfobject.embedSWF('swf/slideEventos.swf', 'slideEventos', '936', '340', '9.0.0', 
		//			   'swf/expressInstall.swf', flashvars, params, false);	

} // verBannerPrincipal

/* ******************************************************************************************************** */
/* ******************************   FIN PRESENTACIÓN DE OBJETOS EN FLASH   ******************************** */
/* ******************************************************************************************************** */
/* ******************************      INICIA FORMULARIO DE CONTACTO       ******************************** */
/* ******************************************************************************************************** */

function restablecerForm(){

	$("formContacto").reset();

} // restablecerForm

function formularioEnviado(mensaje){

	if(mensaje=='enviado'){
		$('formContacto').reset();
		$('estatus').innerHTML = '¡Su mensaje fue enviado exitosamente !';
	}else{
		$('estatus').innerHTML = '¡Su mensaje no ha podido ser enviado intente mas tarde!';	
	}

} // formularioEnviado

function enviarFormulario(){

	var valid = new Validation('formContacto', {useTitles:true});

	if(valid.validate()){

		var valores = $('formContacto').serialize();

		$Ajax('php/formContacto.php',{
		cache:false,
		metodo: $metodo.POST,
		parametros: valores,
		onfinish: formularioEnviado});

	}
} // enviarFormulario

/* ******************************************************************************************************** */
/* ********************************      FIN FORMULARIO DE CONTACTO       ********************************* */
/* ******************************************************************************************************** */
/* *******************************      INICIA PROCESOS DE INTERACCIÓN     ******************************** */
/* ******************************************************************************************************** */

function despliegaBarraDerecha(_contenido){

	$('contBarraDer').innerHTML= _contenido;

}//despliegaBarraDerecha

function cargaBarraDerecha(){

	$Ajax('php/barraDerecha.php?idmenu=' + _menu + '&idsubmenu=' + _submenu,{
	cache:false,
	onfinish: despliegaBarraDerecha,
	tipoRespuesta:$tipo.TEXTO,
	onerror: function(e){ alert('Error al obtener esquema derecho. \nIntente de nuevo'); }
	});

}//cargaBarraDerecha

function marcaSubmenu(_id){

	var subMenu=Array();

	if (ExisteID(_submenu)) {
		$(_submenu).style.backgroundColor='';
	}

	_submenu='submenu' + _id;
	if (!ExisteID(_submenu)) {
		subMenu=$$('#contSubmenu a');
		_submenu = (subMenu.length>0)?subMenu[0].id:'submenu0';
	}

	if (ExisteID(_submenu)) {
		$(_submenu).style.backgroundColor='#666666';
	}
} // marcaSubmenu

function despliegaSeccion(_contenido){

	$('contTexto').innerHTML= _contenido;

	if (ExisteID('run_script')) {
		setTimeout($F('run_script'), 500);
	}

}//despliegaSeccion

function cargaDirectorio(_seccion) {
	$Ajax('php/' + _seccion,{
		cache:false,
		onfinish: despliegaSeccion,
		tipoRespuesta:$tipo.TEXTO,
		onerror: function(e){ 
					$('contTexto').innerHTML= '<p>Error al cargar información, intente de nuevo...</p>';
				}
	});

} // cargaDirectorio

function cargaSeccion(_seccion, _idsubmenu){
	marcaSubmenu(_idsubmenu);

	cargaDirectorio(_seccion);

	if (_menu=='menu2') {
		cargaBarraDerecha();	
	}

} // cargaSeccion

function despliegaSubmenu(_contenido){
	var strsubseccion='';

	$('contContenido').innerHTML= _contenido;

	if(ExisteID("seccion")){
		strsubseccion=(ExisteID('subseccion'))?$F('subseccion'):'';
		cargaSeccion($F('seccion'), strsubseccion);
	}

	if (_menu!='menu2') {
		cargaBarraDerecha();	
	}

} // despliegaSubmenu

function cargaSubmenu(_id, _url){
	var url='php/subMenu.php?idmenu=' + _id;
	var antmenu=_menu;
	retornaf=true;

	if(ExisteID(_menu)){
		$(_menu).style.backgroundImage='';
	}

	_menu = ('menu'+_id);

	if (_url!=undefined && _url!=null && _url!='') {
		url+='&' + _url;
	}

	$Ajax(url,{
		cache:false,
		onfinish: despliegaSubmenu,
		tipoRespuesta:$tipo.TEXTO,
		onerror: function(e){ 
					if(ExisteID(antmenu)){
						$(antmenu).style.backgroundImage='url(images/bgMenu.png)';
						_menu=antmenu;
					}
					alert('Error al obtener las categorias.');
					retornaf=false;
				}
	});

	if(ExisteID(_menu)){
		$(_menu).style.backgroundImage='';
	}

	if(ExisteID(_menu)){
		$(_menu).style.backgroundImage='url(images/bgMenu.png)';
	}
} // cargaSubmenu

function InsrtEstructOrganica(_idsumenu) {
	var flashvars = {};
	var params = {menu: 'false', wmode:'transparent'};
	$('contTexto').innerHTML='<div id="divestructorg"></div>';
	swfobject.embedSWF('swf/estructuraOrganica.swf', 'divestructorg', '562', '550', '9.0.0', 
						'swf/expressInstall.swf', flashvars, params, false);
	marcaSubmenu(_idsumenu);
} // InsrtEstructOrganica

/* ******************************************************************************************************** */
/* **********************************      FIN PROCESOS DE INTERACCIÓN     ******************************** */
/* ******************************************************************************************************** */
/* ****************************      INICIA BÚSQUEDA DE SEIONES DEL CONSEJO     *************************** */
/* ******************************************************************************************************** */

function IniciarBusqueda(refidmenu) {
	cargaDirectorio('buscasesion.php?idmenu=' + refidmenu + '&txt_buscar='+$F('txt_buscar'));
	return false;
} // IniciarBusqueda

/* ******************************************************************************************************** */
/* ******************************      FIN BÚSQUEDA DE SEIONES DEL CONSEJO     **************************** */
/* ******************************************************************************************************** */
/* *****************************      PRESENTACIÓN DE DATOS EN PSEUDOMODAL     **************************** */
/* ******************************************************************************************************** */

function RsverInfo(textoHTML) {
	$('contModal').style.visibility = 'visible';
	$('contModal').innerHTML='<div id="modalGaleria"></div>';
	$('modalGaleria').innerHTML=textoHTML;
	$('modalGaleria').innerHTML+='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" /></a>';
	if (ExisteID('hdd_autocargatit')) {
		ListadoCargaVideo($F('hdd_autocarga'), $F('hdd_autocargafecha'), $F('hdd_autocargatit'));
	}
} // RsverInfo

function verInfo(url){

	$Ajax(url, {
		cache:false,
		metodo: $metodo.GET,
		onfinish: RsverInfo,
		onerror: function () {
					RsverInfo('<p>Error al solicitar la informaci&oacute;n, intente de nuevo...</p>');
				}}
	);

} // verInfo

// Cargaa de video
function VideoYouTube(idvideo, idvisor) {
	var param='?enablejsapi=1&amp;playerapiid=ytplayer&amp;autoplay=0&amp;rel=0&amp;color1=0x870150&amp;color2=0x870150&amp;fs=1';
	var att = {data: 'http://www.youtube.com/v/' + idvideo + param, width:'150', height:'100'};
	var par = {allowfullscreen:'true'};
	if (idvideo!='') {
		$('cont'+idvisor).innerHTML='<div id="' + idvisor + '" ></div>';
		swfobject.createSWF(att, par, idvisor);
	} else {
		swfobject.removeSWF(idvisor);
	}
} // VideoYouTube

function SeleccionaTab(primeelemento, RefLydTab, forzarvideo) {
	var mostrar=(RefLydTab==2)?'Fotos':'Videos';
	var strsig=(RefLydTab==1)?'Fotos':'Videos';
	var strcarga=$F('cargainicio');
	var strLyd=$F('LydTab' + ((RefLydTab==2)?1:2));

	$('divFotos').className='cajaTab';
	$('divVideos').className='cajaTab';

	$('divFotos').innerHTML=$F('LydTab1');
	$('divVideos').innerHTML=$F('LydTab2');
	
	$('contdivFotos').hide();
	$('contdivVideos').hide();

	$('div' + strsig).className='cajaTabSelec';
	$('div' + mostrar).innerHTML='<a href="javascript:SeleccionaTab(\'' + strcarga + '\', ' + ((RefLydTab==2)?1:2) + ', ' + forzarvideo + ')">' + strLyd + '</a>';
	$('contdiv' + strsig).show();
	if ( (strsig=='Fotos') && (forzarvideo!==true) ) {
		CargaImagen(strcarga);
	} else if (!ExisteID('hdd_refvideo')) {
		CargaVideo(strcarga);
	}
	$('cargainicio').value=primeelemento;
} // SeleccionaTab

function CargaImagen(srcimg) {
	$('contFotoVideoGaleria').innerHTML='<img src="' + srcimg + '" alt="Foto" width="285" height="200" border="1" />';
} // CargaImagen

function CargaVideo(idvideo) {
	var param='?enablejsapi=1&amp;playerapiid=ytplayer&amp;autoplay=0&amp;rel=0&amp;color1=0x870150&amp;color2=0x870150&amp;fs=1';
	var att = {data: 'http://www.youtube.com/v/' + idvideo + param, width:'285', height:'200'};
	var par = {allowfullscreen:'true'};
	var idvisor='MostrarVideo';
	if (idvideo!='') {
		$('contFotoVideoGaleria').innerHTML='<div id="' + idvisor + '" ></div>';
		swfobject.createSWF(att, par, idvisor);
	} else {
		swfobject.removeSWF(idvisor);
	}
} // CargaVideo

function ListadoCargaVideo(idvideo, fecha, titulo) {
	var param='?enablejsapi=1&amp;playerapiid=ytplayer&amp;autoplay=0&amp;rel=0&amp;color1=0x870150&amp;color2=0x870150&amp;fs=1';
	var att = {data: 'http://www.youtube.com/v/' + idvideo + param, width:440, height:330};
	var par = {allowfullscreen:'true'};
	var idvisor='MostrarVideo';
	if (ExisteID('spFechaVideo')) {
		$('spFechaVideo').innerHTML=fecha;
	}
	if (idvideo!='') {
		$('contTextoGaleria').innerHTML='<div id="' + idvisor + '" ></div><br /><br /><h2 id="H2Titulo"></h2>';
		if (ExisteID('H2Titulo')) {
			$('H2Titulo').innerHTML=titulo;
		}
		swfobject.createSWF(att, par, idvisor);
	} else {
		swfobject.removeSWF(idvisor);
	}
} // ListadoCargaVideo

/* ******************************************************************************************************** */
/* ***************************      FIN PRESENTACIÓN DE DATOS EN PSEUDOMODAL     ************************** */
/* ******************************************************************************************************** */

function videoInicio(){

	$("contModal").style.visibility = 'visible';
	
	$("contModal").innerHTML='<div id="modalUbicacion"></div>';
	
	$("modalUbicacion").innerHTML='<div id="videoInicio"></div>';
	$("modalUbicacion").innerHTML+='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" /></a>';
		var flashvars = {};
	var params = {menu: 'false', wmode:'transparent'};
	swfobject.embedSWF('swf/videoInicio.swf', 'videoInicio', '800', '520', '9.0.0', 
					   'swf/expressInstall.swf', flashvars, params, false);	
}

function aniversario20(){

	$("contModal").style.visibility = 'visible';
	
	$("contModal").innerHTML='<div id="modalUbicacion"></div>';
	
	$("modalUbicacion").innerHTML='<div id="aniversario"></div>';
	$("modalUbicacion").innerHTML+='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" /></a>';
		var flashvars = {};
	var params = {menu: 'false', wmode:'transparent'};
	swfobject.embedSWF('swf/20Aniversario.swf', 'aniversario', '800', '520', '9.0.0', 
					   'swf/expressInstall.swf', flashvars, params, false);	
}//aniversario20


function verBannerEdificio(){

	var flashvars = {};
	var params = {menu: 'false', wmode:'transparent'};	
	 
	swfobject.embedSWF('swf/bannerEdificio.swf', 'bannerSecundario', '562', '85', '9.0.0', 
					   'swf/expressInstall.swf', flashvars, params, false);	

} // verBannerEdificio

function verEnVivo(){
	var linkpagina="http://www.iepct.org.mx/envivo/player.swf";
	var formandoEsquema='';
 /// ******************************************************************************************
	$('contModal').style.visibility = 'visible';

	formandoEsquema='';
	formandoEsquema+='<div id="modalGeografia">';
	formandoEsquema+='<div id="contTopGaleria">';
		formandoEsquema+='<div id="numEvento">';
			formandoEsquema+='<img src="images/icoVideo.png" alt="Videos" width="30" height="30" hspace="5" align="absmiddle" />TransmisiÃ³n en vivo</div><div id="fechaGaleria"><h4><img src="images/icoCalendario.png" alt="Fecha" width="30" height="30" hspace="5" align="absmiddle" /><span id="spFechaVideo">13 de Diciembre de 2011</span></h4>';
		formandoEsquema+='</div>';
		formandoEsquema+='</div>';
	formandoEsquema+='<div id="iepctEnVivo"></div>';
	formandoEsquema+='<a href="javascript:cerrarModal();"><img src="images/btnCerrarModal.gif" width="100" height="30" alt="Cerrar" border="0" align="right" ></a>';
	formandoEsquema+='</div>';

	$('contModal').innerHTML=formandoEsquema;

	var flashvars = {	file:'livestream.flv', provider:'rtmp', 
							streamer:'rtmp%3A%2F%2Fg5tjavd0.rtmphost.com%2Fiepct', image:'http%3A%2F%2Fwww.iepct.org.mx%2Fenvivo%2Flogo.jpg', 
							width:'500', height:'375', volume:'60', controlbar:'bottom', 
							bufferlength:'5', displayclick:'play', skin:'http%3A%2F%2Fwww.iepct.org.mx%2Fenvivo%2Fminimal%2Fminimal.xml', 
							linktarget:'_blank', link:'', abouttext:'Eurekainteractiva.com', 
							aboutlink:'http%3A%2F%2Fwww.eurekainteractiva.com', 
							stretching:'uniform', autostart:'true'};
	var params = {menu: 'false', wmode:'transparent', allowfullscreen:true};

	swfobject.embedSWF(linkpagina, 'iepctEnVivo', '800', '470', '9.0.0', 
					   	'swf/expressInstall.swf', flashvars, params, false);
} // verEnVivo

