/*
* Ni bien carga el documento, activa el click sobre la provincia
*
*/
var provinciaSelected;
var carga = 0;
var idCiudad = 0;
$(document).ready(function()
{	var alt;
	var provincia;
	cargarMapaProvinciaOnClick();
	document.onclick = matarMenu;
	if ( seccion == "Galeria de fotos"){
	}else{
		$("#provincias").change(function() {
											alt = $("option:selected", this).val();
											provincia = alt;
											provincia=provincia.replace(/(À|Á|Â|Ã|Ä|Å|Æ)/gi,'A'); // cambio las "A"s exoticas por "A"s sencillas mediante expresiones regulares
											provincia=provincia.replace(/(È|É|Ê|Ë)/gi,'E'); //lo mismo con las "E" y resto de vocales y la "Ñ"
											provincia=provincia.replace(/(Ì|Í|Î|Ï)/gi,'I');
											provincia=provincia.replace(/(Ò|Ó|Ô|Ö)/gi,'O');
											provincia=provincia.replace(/(Ù|Ú|Û|Ü)/gi,'U');
											provincia=provincia.replace(/(Ñ)/gi,'N');
											
											provincia = provincia.toLowerCase();
											
											provinciaSelected = provincia;
											provincia = provincia.replace(/\s+/g, "_");
											provincia = provincia.replace(/\s+/g, "_");
											
											if (alt == "0"){
												cargarMapaArgentina();
												$.post('listaSubsecciones.php', { seccion: seccion } , function(data){
																	$('#subsecciones').html(data);});
											}
											else {										
												cargarMapaProvincia(provincia, provinciaSelected);
											carga++;
											$.post('listaCiudades.php', { provincia: provinciaSelected, seccion: seccion } , function(data){
													$('#cities').html(data)
													if (carga){
											
														$("#ciudadesSelect").change(function() {
																															
																	idCiudad = $("option:selected", this).val();
																	if ( idCiudad != "0"){
																	$.post('listaSubsecciones.php', { provincia: "0", seccion: seccion, idCiudad: idCiudad } , function(data){
																		$('#subsecciones').html(data);});
																	} else {
																		$.post('listaSubsecciones.php', { provincia: provinciaSelected, seccion: seccion, idCiudad: "0" } , function(data){
																		$('#subsecciones').html(data);});}
																	}
																
															);
													};
													$.post('listaSubsecciones.php', { provincia: provinciaSelected, seccion: seccion, idCiudad: "0" } , function(data){
													$('#subsecciones').html(data);});}
												);
											}												
											});
	}										
											
});

function matarMenu() {
		if (existe) 
			$("#menuContextual").remove();

}

function validar() {
	var	formulario = document.getElementById("busquedaSelect");
	var valor = $("option:selected", $("#subsecciones")).val();
	if (valor == 0)
		alert("Debe seleccionar una subsección para realizar la búsqueda.");
	else
		formulario.submit();
}

function cargarMapaProvinciaOnClick() {
	$('area.provincia').click(function () {
								cargarMapaProvincia($(this).attr('rel'), $(this).attr('alt'));
							});
	$('area.provincia').hover(function(){cartel($(this).attr('alt'));}, function(){killCartel();});
}

function cartel ( mensaje ){
	if ( $("#cartel").length == 0) {
	$("<div>").attr('id', 'cartel')
				.appendTo('#bloque_mapaimg')
				.css('z-index', '100')
				.hide()
				.fadeIn();
				}
	$('#cartel').html('<p>' + mensaje + '</p>');
	$(document).mousemove(function(e){
		$('#cartel').css({
				top: (e.pageY + 15) + "px",
				left: (e.pageX + 15) + "px"
			});
		});
}

function killCartel () {
	
	$("#cartel").remove();

}

/*
* Función encargada de cambiar el mapa de Argentina por el de la provincia seleccionada
* Convención: nombres de archivos imágenes y títulos de las áreas deben ser iguales
**/

function cargarCiudades ( provincia, alt ) {
		provincia=provincia.replace(/(À|Á|Â|Ã|Ä|Å|Æ)/gi,'A'); // cambio las "A"s exoticas por "A"s sencillas mediante expresiones regulares
		provincia=provincia.replace(/(È|É|Ê|Ë)/gi,'E'); //lo mismo con las "E" y resto de vocales y la "Ñ"
		provincia=provincia.replace(/(Ì|Í|Î|Ï)/gi,'I');
		provincia=provincia.replace(/(Ò|Ó|Ô|Ö)/gi,'O');
		provincia=provincia.replace(/(Ù|Ú|Û|Ü)/gi,'U');
		provincia=provincia.replace(/(Ñ)/gi,'N');
		
		provincia = provincia.toLowerCase();
		$.post('php/ciudades.php', { idProvincia: provincia, seccion: seccion } , function(data){
										$('#frame-ciudades').append(data);
										$('a.pin-ciudad').hover(function(){cartel($(this).attr('rel'));}, function(){killCartel();});
									});
}


/*
* Función que crea y carga el menú correspondiente para la ciudad correspondiente
* @param  integer		Id de la ciudad
* @param  y				Coordenada Y
* @param  x				Coordenada X
*
**/
existe = false;
   
function menu(idCiudad, y, x, idProvincia) {
	if (existe) 
		$("#menuContextual").remove();
		
	$("<div>").attr('class', 'ddsmoothmenu')
				.attr('id', 'menuContextual')
				.attr('rel', x + '-' + y)
				.css('max-width', '150px')
				.css('position', 'absolute')
				.css('z-index', '4')
				.css('left', x + 5)
				.css('top', y + 5)
				.appendTo('#frame-ciudades')
				.hide()
				.fadeIn();
	
	$.post('php/temasCiudad.php', { idCiudad: idCiudad, idProvincia: idProvincia, seccion: seccion }, function (data) {
													$('#menuContextual').html(data);
												});
	existe = true;
}

/*
* Función que carga el mapa de la provincia seleccionada y las ciudades de esa provincia
* @param  string  provincia  Nombre de la provincia
* @param  string  alt        Nombre del texto alternativo para la imagen de la provincia
*
**/
function cargarMapaProvincia(provincia, alt) { 
	$("#bloque_mapaimg").children().remove();	// Eliminar el mapa de Argentina	
	//Frame contenedor de las ciudades
	frame = $("<div>").attr('id', 'frame-ciudades');
	$("#bloque_mapaimg").append(frame);
	cargarCiudades(alt, provincia);		
	mapa = '<img id="mapaProvincia" alt="' + alt + '" width="334" height="535" src="./provincias/' + provincia +'.gif" usemap="#' + provincia +'"/>';
	$('area.provincia').hover(function(){cartel($(this).attr('alt'));}, function(){killCartel();});
	$('area.provincia').click(function () {
								cargarMapaProvincia($(this).attr('rel'), $(this).attr('alt'));
							});
	frame.append(mapa);
	link = $("<a href='#' onclick='cargarMapaArgentina()'>Volver</a>");
	link.css('z-index', '4');
	link.css('position', 'absolute');
	link.css('left', 295);
	link.css('top', 520);
	link.css('text-decoration', 'none');
	link.css('color', '#F60');
	frame.append(link);
}

function cargarMapaArgentina() {
	$("#bloque_mapaimg").children().remove();	// Eliminar el mapa
	mapa = '<img id="mapaArgentina" src="./images/mapa.gif" alt="Mapa Rep&uacute;blica Argentina" width="334" height="535" class="map" usemap="#Argentina" />';	
	$("#bloque_mapaimg").append(mapa);
	cargarMapaProvinciaOnClick();
}