<!--
/* 
miniApp®: paginador JS
Por Juan Pérez Egea para Meliya.com © 2006

Forma de uso, estructura DOM del HTML
<div id="nav" (<-id) > 
	<a (<- tag) href="#"><img src="egea1.jpg"></a>	|
	<a href="#"><img src="egea2.jpg"></a>			|
	<a href="#"><img src="egea3.jpg"></a>			> nº total de elementos
	<a href="#"><img src="egea4.jpg"></a>			|
	....											|
</div>
<a href="javascript: izq();">&laquo;</a> <a href="javascript: der();">&raquo;</a> (<- botones izq / der)

<script language="javascript" type="text/javascript">
	ejemplo anterior:
	function window.onload()
	{
		prefijo = "loquequeramos";
		tag = "A"; // tag que será visto u oculto contenida en id, irá en MAYUSCULAS
		id = "nav"; 
		d = 0;
		ver = 5;
		total = 13;
		initScrl(id, tag, total, ver);
	}
</script>
*/

function initScrl(idbotones, id, tag, prefijo, ver, total)
{
	if (document.all||document.getElementById) 
	{
		navRoot = document.getElementById(id); // tag con id='id'
		a = 0;
		for(i=0; i < navRoot.childNodes.length; i++)
		{
			node = navRoot.childNodes[i]; // hijos de tag id='id'
			if (node.nodeName == tag) // si uno de los hijos es "A"
			{
				// le damos una id a todas las "A" que hayan dentro de id='id'
				// con un contador exlusivo para las "A"
				node.id = prefijo + a;
				// ocultamos las demás fotos, dejando ver el nº q queramos (verFtoos)
				if(a >= ver) node.style.display = "none";
				else node.style.display = "";
				a++;
			} // end if
		} // end for
	botones = document.getElementById(idbotones);
	botones.style.display = "";
	} // end if
} // end function

function verParte(d)
{
	for(i=0; i < total; i++)
	{
		nodo = document.getElementById(prefijo + i);
		if(i >= d && i < (d+ver)) nodo.style.display = "";
		else nodo.style.display = "none";
	} // end for
}

function prm() 
{
	d = 0;
	verParte(d);
} // end function

function fin()
{
	d = total - ver;
	verParte(d);
} // end function

function repag()
{
	if ((d-ver) >= 0) d = (d - ver)+1;
	else d = 0;
	verParte(d);
} // end function

function avpag()
{
	if ((d+ver) <= (total-ver)) d = (d + ver)-1;
	else  d = total - ver;
	verParte(d);
} // end function

function der() 
{
	if( (d + ver) < total )
	{
		primera = document.getElementById( prefijo + d );
		ultima = document.getElementById( prefijo + (d + ver) );
		if(primera.tagName == tag && primera.style.display == "")
		{
			primera.style.display = "none";
		}
		if(ultima.tagName == tag && ultima.style.display == "none")
		{
			ultima.style.display = "";
		}
		d++;
	} // end if
} // end function

function izq() 
{
	if(d > 0)
	{	
		d--;
		primera = document.getElementById( prefijo + d);
		ultima = document.getElementById( prefijo + (d + ver) );
		if(primera.tagName == tag && primera.style.display == "none")
		{
			primera.style.display = "";
		}
		if(ultima.tagName == tag && ultima.style.display == "")
		{
			ultima.style.display = "none";
		}
	} // end if
} // end function
