//********************************************************************************************
//
//	Analiza el tipo de navegador
//
//********************************************************************************************
var d=document;
var NS7=(!d.all&&d.getElementById);
var NS4=(!d.getElementById);
var IE5=(!NS4&&!NS7&&(navigator.userAgent.indexOf('MSIE 5.0')!=-1||navigator.userAgent.indexOf('MSIE 5.2')!=-1));
var IE5p5=(!NS4&&!NS7&&navigator.userAgent.indexOf('MSIE 5.5')!=-1);
var NS6=(NS7&&navigator.userAgent.indexOf('Netscape6')!=-1);
var SAF=navigator.userAgent.indexOf('Safari')!=-1;
p=navigator.userAgent.indexOf('Opera');
if(p>-1){p=navigator.userAgent.charAt(p+6);if(p>6)NS7=1;else NS4=1;}

//********************************************************************************************
//
//	Variable globales
//
//********************************************************************************************
var IMAGENES=new Array();
//********************************************************************************************
//
//	Carga la ventana de inicio
//
//********************************************************************************************
function CreateInicio() {	
if(NS4){
	document.SUBMENUTEXTO.document.open();
	document.SUBMENUTEXTO.document.write("");
	document.SUBMENUTEXTO.document.close();
	document.SUBMENUFOTOS.document.open();
	document.SUBMENUFOTOS.document.write("");
	document.SUBMENUFOTOS.document.close();
}
else	{
	document.getElementById("SUBMENUTEXTO").innerHTML="";
	document.getElementById("SUBMENUFOTOS").innerHTML="";
}
txt=	"<table border=0  width='100%'>"
txt+=	"<tr><td width='100%'>"
txt+=	"	<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center'>"
txt+=	"	<tr><td width='100%' valign='top'>"
txt+=	"		<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#c0c0c0'>"
txt+=	"		<tr><td>"
txt+=	"			<table width='100%' border=0 cellspacing=1 cellpadding=4>"
txt+=	"			<tr><td width='100%' bgcolor='#c0c0c0' valign='top'> "
txt+=	"				<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#c0c0c0'>"
txt+=	"				<tr><td>"
txt+=	"				BIENVENIDO"
txt+=	"				</td></tr>"
txt+=	"				<tr>"
txt+=	"				<td class='csssmall' align='left'>"
txt+=	"				Explicacion inicial del sitio web"
txt+=	"				</td>"
txt+=	"				</tr>"
txt+=	"				</table>"
txt+=	"			</td></tr>"
txt+=	"			</table>"
txt+=	"		</td></tr>"
txt+=	"		</table>"
txt+=	"	</td></tr>"
txt+=	"	</table>"
txt+=	"</td></tr>"
txt+=	"</table>"
if(NS4){
	document.FOTOGRANDE.document.open();
	document.FOTOGRANDE.document.write(txt);
	document.FOTOGRANDE.document.close();
}
else	{
	document.getElementById("FOTOGRANDE").innerHTML=txt;
}
ShowTitulo(strTITULOS[0],"");
}
//********************************************************************************************
//
//	Carga el menu de temas			
//
//********************************************************************************************
function CreateMenuTemas(titulo) {	
var txt="<table border=0  width='100%'>"
txt+=	"<tr><td width='100%'>"
txt+=	"	<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center'>"
txt+=	"	<tr><td width='100%' valign='top'>"
txt+=	"		<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#c0c0c0'>"
txt+=	"		<tr><td>"
txt+=	"			<table width='100%' border=0 cellspacing=1 cellpadding=4>"
txt+=	"			<tr><td bgcolor='#e0e0e0'>"
txt+=	"				<table width='100%' border='0' cellspacing=0 cellpadding=0>"
txt+=	"				<tr><td align='center' class='csstitle'>"+titulo+"</td></tr>"
txt+=	"				</table>"
txt+=	"			</td></tr>"
txt+=	"			<tr><td width='100%' bgcolor='#f8f8f8' valign='top'> "
txt+=	"				<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#f8f8f8'>"
//---------------------------------------------------------------------------------------------------					
					for(i=0;i<strTEMAS.length;i++){
						if(strTEMAS[i]=="*"){
txt+=	"				<tr><td  class='csssmall' align='left'><a href=javascript:ShowFotosTema("+(i+2)+","+(i+2)+")>"+strTEMAS[i+1]+"</a></td></tr>"
						}
					}
//---------------------------------------------------------------------------------------------------
txt+=	"				</table>"
txt+=	"			</td></tr>"
txt+=	"			</table>"
txt+=	"		</td></tr>"
txt+=	"		</table>"
txt+=	"	</td></tr>"
txt+=	"	</table>"
txt+=	"</td></tr>"
txt+=	"</table>"
if(NS4){
	document.SUBMENUTEXTO.document.open();
	document.SUBMENUTEXTO.document.write(txt);
	document.SUBMENUTEXTO.document.close();
}
else{
	document.getElementById("SUBMENUTEXTO").innerHTML=txt;
}
ShowFotosTema(2,2);
}
//********************************************************************************************
//
//	Carga el menu de usuarios			
//
//********************************************************************************************
function CreateMenuUsuarios(titulo) {	
var txt="<table border=0  width='100%'>"
txt+=	"<tr><td width='100%'>"
txt+=	"	<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center'>"
txt+=	"	<tr><td width='100%' valign='top'>"
txt+=	"		<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#c0c0c0'>"
txt+=	"		<tr><td>"
txt+=	"			<table width='100%' border=0 cellspacing=1 cellpadding=4>"
txt+=	"			<tr><td bgcolor='#d0d0d0'>"
txt+=	"				<table width='100%' border='0' cellspacing=0 cellpadding=0>"
txt+=	"				<tr><td align='center' class='csstitle'> "+titulo+"</td></tr>"
txt+=	"				</table>"
txt+=	"			</td></tr>"
txt+=	"			<tr><td width='100%' bgcolor='#f8f8f8' valign='top'> "
txt+=	"				<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#f8f8f8'>"
//---------------------------------------------------------------------------------------------------					
					for(i=0;i<strUSUARIOS.length;i++){
						if(strUSUARIOS[i]=="*"){
txt+=	"				<tr><td  class='csssmall' align='left'><a href=javascript:ShowFotosUsuarios("+(i+2)+","+(i+2)+")>"+strUSUARIOS[i+1]+"</a></td></tr>"
						}
					}
//---------------------------------------------------------------------------------------------------
txt+=	"				</table>"
txt+=	"			</td></tr>"
txt+=	"			</table>"
txt+=	"		</td></tr>"
txt+=	"		</table>"
txt+=	"	</td></tr>"
txt+=	"	</table>"
txt+=	"</td></tr>"
txt+=	"</table>"
if(NS4){
	document.SUBMENUTEXTO.document.open();
	document.SUBMENUTEXTO.document.write(txt);
	document.SUBMENUTEXTO.document.close();
}
else{
	document.getElementById("SUBMENUTEXTO").innerHTML=txt;
}
ShowFotosUsuarios(2,2);
}
//********************************************************************************************
//
//	Carga el menu de fotos de un 
//	tema especifico
//	-index: 
//	 indica el indice dentro del
//	 array donde esta el nombre de la 
//	 primera foto de ese tema que se va 
//	 a mostrar
//	-indexIni: 
//	 indica el indice dentro del
//	 array donde esta el nombre de la 
//	 primera foto correspondiente a ese tema
//
//********************************************************************************************
function ShowFotosTema(index,indexIni) {	
var fin=0;
var contdib=0;
var i;
var numImages;
var txt;

i=index;
while(!fin){
	if(i==strTEMAS.length)fin=1;
	else if((strTEMAS[i]=="*")||(contdib==nFotosPorLinea))fin=1;
	else{
		i=i+2;
		contdib++;
	}
}
numImages=contdib*2;
for(i=0;i<numImages;i++){
	IMAGENES[i]=new Image();		
	IMAGENES[i].src=strTEMAS[index+i];
	ShowTitulo("Cargando...",(i+1)+"/"+numImages);
	checkload(i);
}
txt="<table border=0  width='100%'>"
txt+=	"<tr><td width='100%'>"
txt+=	"	<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center'>"
txt+=	"	<tr><td width='100%' valign='top'>"
txt+=	"		<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#c0c0c0'>"
txt+=	"		<tr><td>"
txt+=	"			<table width='100%' border=0 cellspacing=1 cellpadding=4>"
txt+=	"			<tr><td width='100%' bgcolor='#f8f8f8' valign='top'> "
txt+=	"				<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#f8f8f8'>"
txt+=	"				<tr><td>"
//---------------------------------------------------------------------------------------------------					
//	Muestra las fotos pequeñas
//---------------------------------------------------------------------------------------------------	
for(i=0;i<contdib;i++){
txt+=	"				<a href=javascript:ShowFotoTemaGrande("+((i*2)+1)+")><img border=0 src='"+IMAGENES[i*2].src+"'></a>&nbsp;"
}
txt+=	"				</td></tr>"
//---------------------------------------------------------------------------------------------------
//	Pone sub indices si tuviera mas de 'nFotosPorLinea' fotos
//---------------------------------------------------------------------------------------------------
txt+=	"				<tr>"
i=indexIni;
fin=0;
contdib=0;
while(!fin){
	if(i==strTEMAS.length)fin=1;
	else if(strTEMAS[i]=="*")fin=1;
	else{
		i=i+2;
		contdib++;
	}
}
if(contdib>nFotosPorLinea){
	i=1;
txt+=	"				<td class='csssmall' align='left'>"
	while(contdib>0){
		if(contdib<nFotosPorLinea){
txt+=	"				<a href=javascript:ShowFotosTema("+(indexIni+((i-1)*2))+","+indexIni+")>"+i+"-"+(i+(contdib-1))+"</a>&nbsp;"			
			contdib=0;
		}
		else{
txt+=	"				<a href=javascript:ShowFotosTema("+(indexIni+((i-1)*2))+","+indexIni+")>"+i+"-"+(i+(nFotosPorLinea-1))+"</a>&nbsp;"	
			contdib=contdib-nFotosPorLinea;
			i=i+nFotosPorLinea;
		}
	}
txt+=	"				</td>"
}
txt+=	"				</tr>"
txt+=	"				</table>"
txt+=	"			</td></tr>"
txt+=	"			</table>"
txt+=	"		</td></tr>"
txt+=	"		</table>"
txt+=	"	</td></tr>"
txt+=	"	</table>"
txt+=	"</td></tr>"
txt+=	"</table>"
if(NS4){
	document.SUBMENUFOTOS.document.open();
	document.SUBMENUFOTOS.document.write(txt);
	document.SUBMENUFOTOS.document.close();
}
else	{
	document.getElementById("SUBMENUFOTOS").innerHTML=txt;
}
ShowFotoTemaGrande(1);
ShowTitulo(strTITULOS[1],strTEMAS[indexIni-1]);
}
//********************************************************************************************
//
//	Carga el menu de fotos de un 
//	usuario especifico
//	-index: 
//	 indica el indice dentro del
//	 array donde esta el nombre de la 
//	 primera foto de ese tema que se va 
//	 a mostrar
//	-indexIni: 
//	 indica el indice dentro del
//	 array donde esta el nombre de la 
//	 primera foto correspondiente a ese tema
//
//********************************************************************************************
function ShowFotosUsuarios(index,indexIni) {	
var fin=0;
var contdib=0;
var i;
var numImages;
var txt;

i=index;
while(!fin){
	if(i==strUSUARIOS.length)fin=1;
	else if((strUSUARIOS[i]=="*")||(contdib==nFotosPorLinea))fin=1;
	else{
		i=i+2;
		contdib++;
	}
}
numImages=contdib*2;
for(i=0;i<numImages;i++){
	IMAGENES[i]=new Image();		
	IMAGENES[i].src=strUSUARIOS[index+i];
	ShowTitulo("Cargando...",(i+1)+"/"+numImages);
	checkload(i);
}
txt="<table border=0  width='100%'>"
txt+=	"<tr><td width='100%'>"
txt+=	"	<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center'>"
txt+=	"	<tr><td width='100%' valign='top'>"
txt+=	"		<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#c0c0c0'>"
txt+=	"		<tr><td>"
txt+=	"			<table width='100%' border=0 cellspacing=1 cellpadding=4>"
txt+=	"			<tr><td width='100%' bgcolor='#f8f8f8' valign='top'> "
txt+=	"				<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#f8f8f8'>"
txt+=	"				<tr><td>"
//---------------------------------------------------------------------------------------------------					
//	Muestra las fotos pequeñas
//---------------------------------------------------------------------------------------------------	
for(i=0;i<contdib;i++){
txt+=	"				<a href=javascript:ShowFotoUsuariosGrande("+((i*2)+1)+")><img border=0 src='"+IMAGENES[i*2].src+"'></a>&nbsp;"
}
txt+=	"				</td></tr>"
//---------------------------------------------------------------------------------------------------
//	Pone sub indices si tuviera mas de 'nFotosPorLinea' fotos
//---------------------------------------------------------------------------------------------------
txt+=	"				<tr>"
i=indexIni;
fin=0;
contdib=0;
while(!fin){
	if(i==strUSUARIOS.length)fin=1;
	else if(strUSUARIOS[i]=="*")fin=1;
	else{
		i=i+2;
		contdib++;
	}
}
if(contdib>nFotosPorLinea){
	i=1;
txt+=	"				<td class='csssmall' align='left'>"
	while(contdib>0){
		if(contdib<nFotosPorLinea){
txt+=	"				<a href=javascript:ShowFotosUsuarios("+(indexIni+((i-1)*2))+","+indexIni+")>"+i+"-"+(i+(contdib-1))+"</a>&nbsp;"			
			contdib=0;
		}
		else{
txt+=	"				<a href=javascript:ShowFotosUsuarios("+(indexIni+((i-1)*2))+","+indexIni+")>"+i+"-"+(i+(nFotosPorLinea-1))+"</a>&nbsp;"	
			contdib=contdib-nFotosPorLinea;
			i=i+nFotosPorLinea;
		}
	}
txt+=	"				</td>"
}
txt+=	"				</tr>"
txt+=	"				</table>"
txt+=	"			</td></tr>"
txt+=	"			</table>"
txt+=	"		</td></tr>"
txt+=	"		</table>"
txt+=	"	</td></tr>"
txt+=	"	</table>"
txt+=	"</td></tr>"
txt+=	"</table>"
if(NS4){
	document.SUBMENUFOTOS.document.open();
	document.SUBMENUFOTOS.document.write(txt);
	document.SUBMENUFOTOS.document.close();
}
else	{
	document.getElementById("SUBMENUFOTOS").innerHTML=txt;
}
ShowFotoUsuariosGrande(1);
ShowTitulo(strTITULOS[2],strUSUARIOS[indexIni-1]);
}
//********************************************************************************************
//
//	Carga la foto grande seleccionada
//	en el menu de fotos de un 
//	tema especifico
//
//********************************************************************************************
function ShowFotoTemaGrande(index) {	
var txt="<table border=0  width='100%'>"
txt+=	"<tr><td width='100%'>"
txt+=	"	<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center'>"
txt+=	"	<tr><td width='100%' valign='top'>"
txt+=	"		<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#c0c0c0'>"
txt+=	"		<tr><td>"
txt+=	"			<table width='100%' border=0 cellspacing=1 cellpadding=4>"
txt+=	"			<tr><td width='100%' bgcolor='#f8f8f8' valign='top'> "
txt+=	"				<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#f8f8f8'>"
txt+=	"				<tr><td align='center'><img border=0 src='"+IMAGENES[index].src+"'></td></tr>"
txt+=	"				</table>"
txt+=	"			</td></tr>"
txt+=	"			</table>"
txt+=	"		</td></tr>"
txt+=	"		</table>"
txt+=	"	</td></tr>"
txt+=	"	</table>"
txt+=	"</td></tr>"
txt+=	"</table>"
if(NS4){
	document.FOTOGRANDE.document.open();
	document.FOTOGRANDE.document.write(txt);
	document.FOTOGRANDE.document.close();
}
else	document.getElementById("FOTOGRANDE").innerHTML=txt;
}
//********************************************************************************************
//
//	Carga la foto grande seleccionada
//	en el menu de fotos de un 
//	tema especifico
//
//********************************************************************************************
function ShowFotoUsuariosGrande(index) {	
var txt="<table border=0  width='100%'>"
txt+=	"<tr><td width='100%'>"
txt+=	"	<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center'>"
txt+=	"	<tr><td width='100%' valign='top'>"
txt+=	"		<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#c0c0c0'>"
txt+=	"		<tr><td>"
txt+=	"			<table width='100%' border=0 cellspacing=1 cellpadding=4>"
txt+=	"			<tr><td width='100%' bgcolor='#f8f8f8' valign='top'> "
txt+=	"				<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#f8f8f8'>"
txt+=	"				<tr><td align='center'><img border=0 src='"+IMAGENES[index].src+"'></td></tr>"
txt+=	"				</table>"
txt+=	"			</td></tr>"
txt+=	"			</table>"
txt+=	"		</td></tr>"
txt+=	"		</table>"
txt+=	"	</td></tr>"
txt+=	"	</table>"
txt+=	"</td></tr>"
txt+=	"</table>"
if(NS4){
	document.FOTOGRANDE.document.open();
	document.FOTOGRANDE.document.write(txt);
	document.FOTOGRANDE.document.close();
}
else	document.getElementById("FOTOGRANDE").innerHTML=txt;
}
//********************************************************************************************
//
//	Muestra el titulo principal
//
//********************************************************************************************
function ShowTitulo(titulo,subtitulo){
var txt="<table border=0  width='100%'>"
txt+=	"<tr><td width='100%'>"
txt+=	"	<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center'>"
txt+=	"	<tr><td width='100%' valign='top'>"
txt+=	"		<table width='100%' border=0 cellspacing=0 cellpadding=0 align='center' bgcolor='#fbf9ea'>"
txt+=	"		<tr><td>"
txt+=	"			<table width='100%' border=0 cellspacing=1 cellpadding=4>"
txt+=	"			<tr><td bgcolor='#fbf9ea'>"
txt+=	"				<table width='100%' border='0' cellspacing=0 cellpadding=0>"
//txt+=	"				<tr><td align='center' class='csstitle2'><i>"+titulo+"</i>"+subtitulo+"</td></tr>"
//txt+=	"				<tr><td align='center' class='csstitle2'><i>"+titulo+"</i></td></tr>"
txt+=	"				<tr><td align='center' class='csstitle'>"+subtitulo+"</td></tr>"
txt+=	"				</table>"
txt+=	"			</td></tr>"
txt+=	"		</td></tr>"
txt+=	"		</table>"
txt+=	"	</td></tr>"
txt+=	"	</table>"
txt+=	"</td></tr>"
txt+=	"</table>"

if(NS4){
	document.TITULOSUBMENU.document.open();
	document.TITULOSUBMENU.document.write(txt);
	document.TITULOSUBMENU.document.close();
}
else{
	document.getElementById("TITULOSUBMENU").innerHTML=txt;
}
}
//********************************************************************************************
//
//	Comprueba que se ha cargado la imagen en el array
//
//********************************************************************************************
function checkload(index){	
	if(!IMAGENES[index].complete)setTimeout('checkload('+index+')', 100);
}