﻿var secciones = 4;
/*
 * Coloca el cursor en el primer elemento de una forma para comenzar a llenarla.
 */
function setFirstFocus(x, y){
	init();
	document.forms[x].elements[y].focus();
}

function setFocus(component){
	if(document.getElementById("component"))
		document.getElementById("component").focus();
}

/*
 * Inicializa la fecha actual y la galería de fotos de la parte baja del sitio.
 */
function init(){
	BrowserDetect.init();
	if(BrowserDetect.browser!='Firefox' && BrowserDetect.browser!='Explorer' && BrowserDetect.browser!='Safari')
		cerrarNavegador();
	/*printDate();
	gallery();*/
}

/*
 * Cambia la imagen por otra al pasarle el puntero encima.
 */
function onMouseOver(component, folder){
	document.getElementById(component).src = "img/" + folder + "/" + component + "2.png";
}

/*
 * Cambia la imagen por otra al quitarle el puntero de encima.
 */
function onMouseOut(component, folder){
	document.getElementById(component).src = "img/" + folder + "/" + component + "1.png";
}

/*
 * Cambia la imagen por otra al darle click.
 */
function clicked(component){
	original = document.getElementById("icono" + component).src;
	dir = "img/menu/v2.png";
	sub = original.substring(original.length - dir.length, original.length);
	if (sub == dir) 
		document.getElementById("icono" + component).src = "img/menu/v1.png";
	else {
		for (i = 0; i < secciones; i++){
			if(document.getElementById("icono" + i))
				document.getElementById("icono" + i).src = "img/menu/v1.png";			
		}			
		if (parseInt(component) < secciones)
			document.getElementById("icono" + component).src = "img/menu/v2.png";
	}
}

/*
 * Imprime la fecha actual, obtenida de la computadora del usuario.
 * Nota: Esta fecha no se usa para los registros.
 */
function printDate(){
	date = new Date();
	dayWeek = parseInt(date.getDay());
	dayMonth = parseInt(date.getDate());
	month = parseInt(date.getMonth());
	year = parseInt(date.getFullYear());
	var dayWeekStr = "";
	var monthStr = "";
	switch (dayWeek) {
		case 1:
			dayWeekStr = "Lunes";
			break;
		case 2:
			dayWeekStr = "Martes";
			break;
		case 3:
			dayWeekStr = "Miércoles";
			break;
		case 4:
			dayWeekStr = "Jueves";
			break;
		case 5:
			dayWeekStr = "Viernes";
			break;
		case 6:
			dayWeekStr = "Sábado";
			break;
		case 0:
			dayWeekStr = "Domingo";
			break;
	}
	switch (month) {
		case 0:
			monthStr = "Enero";
			break;
		case 1:
			monthStr = "Febrero";
			break;
		case 2:
			monthStr = "Marzo";
			break;
		case 3:
			monthStr = "Abril";
			break;
		case 4:
			monthStr = "Mayo";
			break;
		case 5:
			monthStr = "Junio";
			break;
		case 6:
			monthStr = "Julio";
			break;
		case 7:
			monthStr = "Agosto";
			break;
		case 8:
			monthStr = "Septiembre";
			break;
		case 9:
			monthStr = "Octubre";
			break;
		case 10:
			monthStr = "Noviembre";
			break;
		case 11:
			monthStr = "Diciembre";
			break;
	}
	document.getElementById('fecha').innerHTML = dayWeekStr + " " + dayMonth + ", " + monthStr + " " + year;
}

/*
 * Crea la galería fotográfica aleatoreamente, seleccionando 6 de las fotos disponibles.
 */
function gallery(){
	original = new Array(1, 2, 3, 4, 5, 6, 7, 8, 9);
	used = new Array();
	for (i = 0; i < 6; i++) {
		unused = new Array();
		x = Math.floor(Math.random() * original.length - 1) + 1;
		used[i] = original[x];
		var y = 0;
		for (j = 0; j < original.length; j++) {
			if (original[j] != used[i]) {
				unused[y] = original[j];
				y++;
			}
		}
		original = new Array();
		for (k = 0; k < unused.length; k++) 
			original[k] = unused[k];
	}	
	for (z = 1; z < 7; z++) {
		document.getElementById('img' + z).innerHTML = "<img id=\"" + used[z - 1] + "_\" src=\"img/galeria/" +
		used[z - 1] +
		"_1.png\" onmouseover=\"onMouseOver('" +
		used[z - 1] +
		"_','galeria')\" onmouseout=\"onMouseOut('" +
		used[z - 1] +
		"_','galeria')\" onClick=\"location.href='imagen.jsp?imagen=" +
		used[z - 1] +
		"'\" class=\"pointer\"/>";
	}
}

/*
 * Relaciona los botones con los hiperviculos a los cuales van a apuntar.
 */
function goToURL(component){
	switch (component) {
		case 'inicio':
			location.href="http://www.finanzasoaxaca.gob.mx/";
			break;
		case 'mapa':
			location.href="informacion_mapa.jsp";
			break;
		case 'inscripcion':
			location.href="rec.jsp?opcion=inscripcion_padron";
			break;
		case 'cambios':
			location.href="cambio_situacion_fiscal_lista.jsp";
			break;
		case 'declaraciones':
			location.href="declaraciones_lista.jsp";
			break;
		case 'tenencia':
			//location.href="declaraciones_vh_login.jsp";
			location.href="emplacamiento_login.jsp";
			//alert("Estamos en mantenimiento.");
			break;
		case 'federales':
			location.href="declaraciones_lista_federales.jsp";
			break;
		case 'estatales':
			location.href="declaraciones_lista_estatales.jsp";
			//alert("Estamos en mantenimiento.");
			break;
		case 'derechos':
			//alert("Estamos en mantenimiento");	
			//location.href="#";	
			location.href="declaraciones_derechos.jsp";
			break;
		case 'otros':
			//alert("Estamos en mantenimiento");	
			//location.href="#";	
			location.href="declaraciones_otros_pagos.jsp";
			break;
		case 'reimpresion':
			location.href="reimpresion_lista.jsp";
			break;		
		case 'informacion':
			location.href="informacion.jsp";
			break;
		case 'indicadores':
			location.href="informacion_indicadores.jsp";
			break;
		case 'formularios':
			location.href="informacion_formularios.jsp";
			break;
		case 'presupuestos':
			location.href="Simulador_Datos.do";
			break;
	}
}

/*
 * Imprime el menú principal y el secundario.
 */
function menu(){	
	document.getElementById('menu2').innerHTML =
	"<table width=\"100%\" border=\"0\">"
	+"\n<tr>"
	+"\n<td width=\"10%\">&nbsp;</td>"
	+"\n<td colspan=\"5\" class=\"style10\"><div align=\"right\">"
	+"\n<span> <label id=\"fecha\"></label></span>"
	+"\n</div></td>"
	+"\n<td width=\"3%\">&nbsp;</td>"
	+"\n</tr>"
	+"\n</table>";
}

/*
 * Habilita y deshabilita toda una secci�n del documento, usado al ir seleccionando cada checkbox.
 * Si contenia campos llenos al momento de deshabilitar una secci�n, �stos son autom�ticamente borrados.
 * Par�metros: div - secci�n que va a ser habilitada o deshabilitada.
 */
function enableDisable(div) {
	var toDisable;
	try {
		toDisable = div.title=="habilitado" ? true : false;
		div.title = toDisable ? "deshabilitado" : "habilitado";
	}
	catch(E){}
	nodes = div.getElementsByTagName('*');
	var i = nodes.length;
	while (i--){
		node = nodes[i];
		if(toDisable){
			node.disabled = true;
			node.style.backgroundColor = '#e5f0d4';
		}
		else{
			node.disabled = false;
			node.style.backgroundColor = '';
		}
	}
}

function addOpt(oCntrl, iPos, sTxt, sVal){
	var selOpcion=new Option(sTxt, sVal);
	eval(oCntrl.options[iPos]=selOpcion);
}

function cambiarColor1(e){
	var selected = e.target || e.srcElement;
	selected.className = 'hoverde';
}

function cambiarColor2(e){
	var selected = e.target || e.srcElement;
	selected.className = '';
}
