// Declare our request variable.
var request = false;

function yig(n)
	{
	
	// Clear the curent request
	request = false;

	// Generate the request object and handle different browsers:
	if (window.XMLHttpRequest)
		{ // Mozilla & other compliant browsers
		request = new XMLHttpRequest();
		} 
		else if (window.ActiveXObject) 
		{ // Internet Explorer
		request = new ActiveXObject("Microsoft.XMLHTTP");
		}

	// If we don't have a request object, then error out.
	if (!request)
		{
		alert('Browser does not support AJAX!');
		return false;
		}
	
	// Ok, now we are ready.  Make the request, and tell it to run the
	// function 'updateDate' when it gets data back.
	request.onreadystatechange = handleYig;
	
	
	// Open the connection, sending the current value of the form element:
	request.open('GET', 'xmlPic.php?node='+n, true);
	request.send(null);
	
	curImgIdx=0;
	
	}


arrImg = new Array();
curImgIdx=0;
cntImg=0;

function zorg(img)
	{
	hhh = document.getElementById('area51');
	
	countess = '<img src="imgs/' + img + '"><br>';

	hhh.innerHTML = countess;

	if( curImgIdx > (cntImg - 2) ) curImgIdx = cntImg - 2;
	if(curImgIdx < 0)curImgIdx = 1;
						
	// SETUP NUMBER BAR
	zos = '<table border="0" cellpadding="0" cellspacing="0"><tr>';
	zos += '<td style="padding-top: 4px;"><a href="javascript:if(curImgIdx > 0){curImgIdx--;zorg(arrImg['+(curImgIdx-1)+']);}" class="lnk4" onmouseover="rockerolla(\'arwsx\', \'gfx4/arwsx1.jpg\');"  onmouseout="rockerolla(\'arwsx\', \'gfx4/arwsx0.jpg\');"><img  id="arwsx" name="arwsx"  src="gfx4/arwsx0.jpg" border="0" valign="bottom"></a>&nbsp;&nbsp;&nbsp;&nbsp;</td>';
	zos += '<td>';
	for(t=0;t<cntImg && t < 25;t++)
//	for(t=0;t<cntImg;t++)
		{
		
		
		if( img == arrImg[t] ) 	
			zos += '<span style="color: #ff9900; font-size: 8pt;">' + (t+1) + '</span>';
		else	
			zos += '<a href="javascript:curImgIdx='+t+';zorg(arrImg['+t+'])" class="lnk4">'+(t+1)+'</a>';
		
		if( t < cntImg-1 ) zos += '&nbsp;|&nbsp;';
		}
	/*	
	if( cntImg > 24 )
		{
		*/
		// zos += '<a href="javascript:curImgIdx++;zorg(arrImg['+(curImgIdx+1)+']);" class="lnk4"><img src="gfx4/arwdx0.jpg" border="0"></a>';
		//}
		
	if( t < 25 )
		{
		zos += '<span style="font-size: 8pt;">&nbsp;|&nbsp;';
		for(t=cntImg;t<25;t++)
			{
			zos +=  (t+1);
			if( t < 24 )
				zos += '&nbsp;|&nbsp;';
			}
		zos += "</span>";
		}
	zos += '</td>';
	zos += '<td  style="padding-top: 4px;">&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:curImgIdx++;zorg(arrImg['+(curImgIdx+1)+']);" class="lnk4" onmouseover="rockerolla(\'arwdx\', \'gfx4/arwdx1.jpg\');"  onmouseout="rockerolla(\'arwdx\', \'gfx4/arwdx0.jpg\');"><img src="gfx4/arwdx0.jpg" name="arwdx" id="arwdx" border="0"></a></td>';		
	zos += '</tr></table>';
	
	yyy = document.getElementById('blacklodge');
	yyy.innerHTML = zos;
	// ---------------------			
			


	}



function handleYig()
	{
	 //alert("r: " + request.status);
	// controlla == 4 cioč finito
	if (request.readyState == 4)
		{
		if (request.status == 200)
			{
			var xml = request.responseXML;
			
			// SCORRERE TUTTI I NODI
			var grpNodes = xml.getElementsByTagName('node');
			
			// alert(grpNodes.length);
			content = "";


			i=0;
			NodeImg = grpNodes[i].childNodes[2];
			// content = "<img src=\"imgs/" + NodeImg.firstChild.data + "\">";

			
			
			for(var i=0; i<grpNodes.length; i++)
				{
		
				NodeId = grpNodes[i].childNodes[0];
				NodeName = grpNodes[i].childNodes[1];
				NodeImg = grpNodes[i].childNodes[2];
				NodeGallery = grpNodes[i].childNodes[3];
				
				
				arrImg[i] = NodeImg.firstChild.data;
				
				// content += "<a href=\"imgs/" + NodeImg.firstChild.data + "\" target=\"_blank\">" + NodeName.firstChild.data + "</a>|" + NodeGallery.firstChild.data +  "<br>";
				}
			
			cntImg = grpNodes.length;
			
						
			// SETUP NUMBER BAR
			
			zos = '';
			for(t=0;t<cntImg && t < 25 ;t++)
				{
				zos += '<a href="javascript:curImgIdx='+t+';zorg(arrImg['+t+'])" class="lnk4">'+t+'</a>';
				if( t < cntImg-1 ) zos += '&nbsp;|&nbsp;';
				}
			if( t < 25 )
				{
				zos += '&nbsp;|&nbsp;';
				for(t=cntImg;t<25;t++)
					{
					zos +=  t;
					if( t < 24 )
						zos += '&nbsp;|&nbsp;';
					}
				}
				
			yyy = document.getElementById('blacklodge');
			yyy.innerHTML = zos;
			// ---------------------			
			
			
			// A QUESTO PUNTO SI POTREBBE RENDERIZZARE IL LAYER TRASPARENTE CON I NUMERI CLICCABILI
			
			// SI FA UN BEL LAYER A POSIZIONAMENTO ASSOLUTO, SI METTE PRECISO SOPRA L'IMG
			// POI CON L'innerHTML  CI SI SCRIVE DENTRO TUTTO IL MARASMA DI NUMERI CLICCABILI
			
			
			zorg(arrImg[0]);
			
			
			}
		else
			{
			alert("errore nella richiesta xml" + request.status);
			}
		}
	}