var x;
x=$(document);
x.ready(inicializar);

function inicializar()
{
	// Ponemos toda la lista oculta para empezar y 
	// Deseleccionamos todos los checks
	//$(".lletres_conte").css("display",'none');
	$(".extensio_seleccionada").removeAttr("checked");
	var lletra,extensio;
	
	lletra=$(".lletres");
	lletra.click(presionarLletra)
	  
	extensio=$(".extensio_seleccionada");
	extensio.click(presionarExtensio);  
}

function presionarLletra()
{
	if ($(this).get(0).id=='totes_lletres') {
		$(".lletres_conte").slideDown("slow");
	} else {
		$(".lletres_conte").slideUp("slow");
		lletra = $(this).get(0).id.substr(7);
		$("#content-"+lletra).slideDown("slow");
	}  
}
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
		return [curleft,curtop];
	}
}

function presionarExtensio()
{
	valor=$(this).get(0).value.substr(1);
	if ($(this).get(0).checked) {
		// Averigamos posiciones
		arrPosition=findPos(document.getElementById("bandera-"+valor));
		arrPositionLista=findPos(document.getElementById("lista_contenido"));
		
		var imgBandera = $(document.createElement('img'));
		imgBandera.attr('src','images/banderas/'+valor+'.gif');
		imgBandera.css("position","absolute");
		imgBandera.appendTo("#content_territoriales");
		imgBandera.css("top",arrPosition[1]);
		imgBandera.css("left",arrPosition[0]);
		imgBandera.animate({ 
			top: arrPositionLista[1],
			left: arrPositionLista[0]
	      },1000,"linear",function (){imgBandera.remove()});

		$.post('ajax_obtener_extensiones_territoriales.php',
	              { ext:$(this).get(0).value }, crearEnLista );
		} else {
			$("#list-"+valor).remove();
			if (document.getElementById('mycustomscroll').scrollUpdate)
				document.getElementById('mycustomscroll').scrollUpdate();
	    }
}
function crearEnLista(data) {
	aExtensionsRelacionades=data.split(';');

	var divPrpal = $(document.createElement('div'));
	divPrpal.attr('id','list-'+aExtensionsRelacionades[0].substr(1));
	divPrpal.css('display','none');
	divPrpal.addClass("lista_scroll");

	// Creamos el boton cerrar
	var aCerrar = $(document.createElement('a'));
	aCerrar.attr('href','javascript:eliminarDeLista(\"'+aExtensionsRelacionades[0].substr(1)+'\")');
	aCerrar.attr('id','cerrar-'+aExtensionsRelacionades[0].substr(1));
	aCerrar.addClass("cerrar_dominios_lista");
	aCerrar.appendTo(divPrpal);

	// Creamos la banderita
	var divBandera = $(document.createElement('div'));
	divBandera.addClass("banderas");
	var imgBandera = $(document.createElement('img'));
	imgBandera.attr('src','images/banderas/'+aExtensionsRelacionades[0].substr(1)+'.gif');
	divBandera.append(imgBandera);
	divPrpal.append(divBandera);
	divBandera.appendTo(divPrpal);

	// Añadimos cada uno de los nombres
	for (i=1;i<aExtensionsRelacionades.length;i++) {
		divNombre=$(document.createElement('div'));
		if (i==1 || i==2) {
			divNombre.css('float','left');								
			divNombre.css('text-indent','0px');
		}
		divNombre.addClass("txt_dominios_lista");
		divNombre.text(aExtensionsRelacionades[i]);
		divNombre.appendTo(divPrpal);
	}
	// Añadimos el clear
	divClear=$(document.createElement('div'));
	divClear.addClass("clear");
	divClear.appendTo(divPrpal);

	divPrpal.appendTo($('#lista_contenido')).fadeIn("slow");;

	if (document.getElementById('mycustomscroll').scrollUpdate)
		document.getElementById('mycustomscroll').scrollUpdate();
}
function eliminarDeLista(ident) {
	$("#check-"+ident).removeAttr("checked");
	$("#list-"+ident).remove();
	if (document.getElementById('mycustomscroll').scrollUpdate)
		document.getElementById('mycustomscroll').scrollUpdate();        
}