var frameContent=new Array(); 

frameContent[0]='<img src="./images/framePic01.jpg" />'; 
frameContent[1]='<img src="./images/framePic02.jpg" />'; 
frameContent[2]='<img src="./images/framePic03.jpg" />'; 
frameContent[3]='<img src="./images/framePic04.jpg" />'; 
frameContent[4]='<img src="./images/framePic05.jpg" />'; 

var frameInterval=new Array(); 
var frameId=0; 
var frameDelay=10000; 
var frameHeight=484; 

var frameBox=document.getElementById("frameBox");


function initFrame() { 
   
	var str=frameContent[0]; 
    document.write('<div id=frameBox style=" width:947px; overflow:hidden; height:'+frameHeight+'px" ><div>'+str+'</div></div>'); 
    frameId++; 
    frameInterval[0]=setInterval("startFrame()",frameDelay); 
    
} 

function startFrame() { 
	
	var frameBox=document.getElementById("frameBox");
    var str=frameContent[frameId]; 
        frameId++; 
    if(frameId>=frameContent.length) frameId=0; 
    if(frameBox.childNodes.length==1) { 
        var nextLine=document.createElement('DIV'); 
        nextLine.innerHTML=str; 
        frameBox.appendChild(nextLine); 
        } 
    else { 
        frameBox.childNodes[0].innerHTML=str; 
        frameBox.appendChild(frameBox.childNodes[0]); 
        frameBox.scrollTop=0; 
        } 
    clearInterval(frameInterval[1]); 
    frameInterval[1]=setInterval("scrollFrame()",1); 
	
    } 
	
function scrollFrame() { 
    
	var frameBox=document.getElementById("frameBox");
    frameBox.scrollTop++; 
	frameBox.scrollTop++; 
	

    if(frameBox.scrollTop%frameHeight==(frameHeight)){ 
        clearInterval(frameInterval[1]); 
    }
	
}