function CrearNavegacionListado( pagina, totalPags, pnlNavegacion, AClick )
{
	if ( totalPags > 1 )
	{
		if ( pagina > 1 )
			$( '<a tag="' + ( pagina - 1 ) + '" href="#" class="i">Anterior</a>' ).appendTo( pnlNavegacion );
		
		var minPagina = pagina - 4;
		var maxPagina = minPagina + 9;
		
		if ( minPagina < 1 )
			minPagina = 1;
			
		if ( maxPagina > totalPags )
			maxPagina = totalPags;
			
		if ( minPagina > 1 )
			$( '<a tag="1" href="#">1</a><span>...</span>' ).appendTo( pnlNavegacion );
			
		for ( var i = minPagina; i <= maxPagina; i++ )
		{
			if ( i == pagina )
				$( '<span>' + i + '</span>' ).appendTo( pnlNavegacion );
			else
				$( '<a tag="' + i + '" href="#">' + i + '</a>' ).appendTo( pnlNavegacion );
		}
		
		if ( maxPagina < totalPags )
			$( '<span>...</span><a tag="' + totalPags + '" href="#">' + totalPags + '</a>' ).appendTo( pnlNavegacion );			
		
		if ( pagina < totalPags )
			$( '<a tag="' + ( pagina + 1 ) + '" href="#" class="d">Siguiente</a>' ).appendTo( pnlNavegacion );
		
		$( 'a', pnlNavegacion ).click( AClick );
	}	
}

function Navegar()
{
	document.location.href = 'index.asp?p=' + $( this ).attr( 'tag' );
}

function PromocionOver()
{
	$( this ).addClass( 'promocionHover' );
}

function PromocionOut()
{
	$( this ).removeClass( 'promocionHover' );
}

function PromocionClick()
{
	document.location.href = 'promocion.asp?id=' + $( this ).attr( 'tag' );
}

function WindowLoad()
{
	/* navegacion paginas */
	var pnlNavegacion = $( '#pnlNavegacion' );
	
	CrearNavegacionListado( datosRespuesta.pagina, datosRespuesta.totalPags, pnlNavegacion, Navegar );
		
	/* clic item */
	var promociones = $( '#pnlPromociones .pnlPromocion' );
	
	promociones.click( PromocionClick );
	
	/* item activo */
	promociones.hover( PromocionOver, PromocionOut );
}

$( WindowLoad );