function showpic()
{
        if(img)
		img.removeNode(true);
        img=document.createElement("img");
        img.style.position="absolute";
        img.style.visibility="hidden";
        img.attachEvent("onreadystatechange",orsc);
        //img.attachEvent("onerror",oe);
        document.body.insertAdjacentElement("beforeend",img);
        img.src=document.all.imagefile.value;
		document.all.picdel.disabled=false;
}

function oe()
{
    document.all.dsc.innerHTML="<font color=red>Wrong image file !</font>";
	document.all.imagefile.outerHTML='<input type="file" id="imagefile" name="imagefile" size=35 onChange="if(this.value!=\'\'){ showpic();} else { delpic();}">';
	document.all.picdel.disabled=true;
}

function picsizelimit(n)
{
    document.all.dsc.innerHTML="<font color=red>Error! The image size reaches "+Math.floor(img.fileSize/1024)+"K. Please reduce your picture to below 500 K bytes.</font>";
	document.all.imagefile.outerHTML='<input type="file" id="imagefile" name="imagefile" size=35 onChange="if(this.value!=\'\'){ showpic();} else { delpic();}">';
	document.all.picdel.disabled=true;
}

function orsc()
{
        if(img.readyState!="complete") return false;
        document.all.dsc.innerHTML="<img src='"+img.src+"' width='250'><br><br>Image size: "+img.offsetWidth+"x"+img.offsetHeight+", "+Math.floor(img.fileSize/1024)+" K";
		if (img.fileSize>510000) { picsizelimit(img.fileSize);}
        img.style.display="none";
}

function delpic()
{
        document.all.dsc.innerHTML="Only gif, jpg and png files are eligible.Please reduce your picture to below 500 K bytes. </span>";
		document.all.imagefile.outerHTML='<input type="file" id="imagefile" name="imagefile" size=35 onChange="if(this.value!=\'\'){ showpic();} else { delpic();}">';
		document.all.picdel.disabled=true;
}