function getInclude(index, state, img, caption, numImg){
	var nextPage = parseInt(index)+1;
	var prevPage = index-1;
	if(index < numImg){	
		if(index <= 1){ //first image			
			document.write('<div style="background-color:#ffffff;padding:10px;">'+		
			'<p align="center"> <img src="'+img+'" border="0" align="center"/><br/>'+caption +'</p>'+
			'<div style="text-align:right;">'+
					'<p> <a href="'+state+'.html?page='+nextPage+'">Next page</a> >></p>'+
			'</div>'+
			'</div>');
		}else{	
			document.write('<div style="background-color:#ffffff;padding:10px;">'+		
			'<p align="center"> <img src="'+img+'" border="0" align="center"/><br/>'+
			caption +'</p>'+
			'<div style="text-align:right;">'+
					'<p><< <a href="'+state+'.html?page='+prevPage+'">Previous page</a>'+
					' &nbsp;&nbsp;|&nbsp;&nbsp; <a href="'+state+'.html?page='+nextPage+'">Next page</a> >></p>'+
			'</div>'+
			'</div>');
			//alert('index = '+index);
		}
		
	}	else{ // last image
		if(numImg > 1){
			document.write('<div style="background-color:#ffffff;padding:10px;">'+		
			'<p align="center"> <img src="'+img+'" border="0" align="center"/><br/>'+
				caption +'</p>'+
				'<div style="text-align:right;">'+
						'<p><< <a href="'+state+'.html?page='+prevPage+'">Previous page</a></p>'+
				'</div>'+
				'</div>');
		}else{
			document.write('<div style="background-color:#ffffff;padding:10px;">'+		
			'<p align="center"> <img src="'+img+'" border="0" align="center"/><br/>'+
				caption +'</p></div>');
				
		}
	}	
	
}

function getHeader(index, val){
	if(index > 0){
		document.write('<h2 style="color:#ffffff">'+val+' '+index+'</h2>'); 
	}
}