data = new Array("imgtop/topimg1.jpg","imgtop/topimg2.jpg","imgtop/topimg4.jpg");
prImg= new Array();
for (i=0; i<data.length; i++)
{
	prImg[i] = new Image();
	prImg[i].src = data[i];
}

function topview() {
 new Effect.Appear('topimgeffect',{ from:0,to:1,duration:2.0,queue:'end'});
 new Effect.Fade('topimgeffect',{ delay:2.0,from:1.0,to:0,duration:3.0,afterFinish:function(){document.getElementById('topimageplace').style.backgroundImage ='url(imgtop/topimg2.jpg)';},queue:'end'});
 new Effect.Appear('topimgeffect',{ from:0,to:1,duration:2.0,queue:'end'});
 new Effect.Morph('topimgbox14', { delay:2.0,style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox13', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox12', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox11', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox10', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox9', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox8', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox7', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox6', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox5', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox4', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox3', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox2', { style:'width:70px;',duration: 0.3,queue:'end' });
 new Effect.Morph('topimgbox1', { style:'width:70px;',duration: 0.3,afterFinish:function(){document.getElementById('topimageplace').style.backgroundImage ='none';},queue:'end' });
 new Effect.Parallel([
 new Effect.Fade('topimgbox14', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox13', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox12', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox11', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox10', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox9', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox8', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox7', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox6', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox5', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox4', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox3', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox2', { sync:true,from:1.0,to:0.0 }),
 new Effect.Fade('topimgbox1', { sync:true,from:1.0,to:0.0 })
	], { delay:2.0, duration:2.0,queue:'end' });
	new Effect.Fade('topimgeffect',{ from:1.0,to:0,duration:0.1,afterFinish:function(){document.getElementById('topimageplace').style.backgroundImage ='url(imgtop/topimg4.jpg)';},queue:'end'});
 new Effect.Appear('topimgeffect',{ from:0,to:1,duration:2.0,queue:'end'});
}