function loading(){
var a=0;
var perc=0;
var b=0;
for (i=0;i<document.images.length-1;i++){
if (document.images[i].name=="pre"){
b++;
};
};
for (i=0;i<document.images.length-1;i++){
if (document.images[i].name=="pre"){
document.images[i].onload=function(){
a++;
var perc=Math.floor((100/(b))*a);
document.getElementById('loadi').firstChild.nodeValue='loading: '+perc+'%';

if (perc>=100){
document.getElementById('loadi').style.display='none';
};};
};
};
document.onload=function(){document.getElementById('loadi').style.display='none';};
};