<style type="text/css">.photo{border:4px solid #ccc;}</style><script type="text/javascript">
function smoothChange(id){  
setTimeout(function(){
changePhoto(id)},5000);
}
function changePhoto(id){
  //var id="photoframe";  
var el=document.getElementById(id);
  var num=el.name.substring(3);
  if(num>3){
num=0;
}
  var dir="http://icehockey.ucoz.com/pics/";
  el.src=dir+'pic'+(num*1+1)+'.jpg';
  el.name='pic'+(num*1+1);
}
</script><div align="center"><img class="photo" src="http://icehockey.ucoz.com/pics/pic1.jpg" name="pic1" onload="smoothChange('photoframe')" id="photoframe"></div>