var pagecount=8; //match number of pages

//build arrays of images used by stylesheet
var fabric =new Array(pagecount+1);
var fade   =new Array(pagecount+1);
var tint   =new Array(pagecount+1);
var collage=new Array(pagecount+1);
var banner =new Array(pagecount+1);
var montage=new Array(pagecount+1);

//related css page should adhere to this image naming convention
for(i=1;i<pagecount+1;i++){
	fabric[i] ='fabric' + version + '-' + i +  '.jpg';
	fade[i]   ='fabric' + version + '-' + i + 'F.jpg';
	tint[i]   ='bkg'    + version + '-' + i +  '.jpg';
	collage[i]='bkg'    + version + '-' + i + 'c.jpg';
	banner[i] ='bkg'    + version + '-' + i + 'b.gif';
	montage[i]='montage'+ version + '-' + i + ((i==1)||(i==4))? '.gif' : '.jpg';
}

//populate hidden div
function imgLoad(){
	var str= '<div>';
	for(i=2;i<pagecount+1;i++){
		str += '<img style="display:none;" src="images/' + fabric[i] + '">';
		str += '<img style="display:none;" src="images/' + fade[i] + '">';
		str += '<img style="display:none;" src="images/' + tint[i] + '">';
		str += '<img style="display:none;" src="images/' + collage[i] + '">';
		str += '<img style="display:none;" src="images/' + banner[i] + '">';
		str += '<img style="display:none;" src="images/' + montage[i] + '">';
	}
	str += '</div>';
	document.getElementById('imgload').innerHTML=str;
}