<STYLE>

<!--

.intro{

position:absolute;

left:0;

top:0;

layer-background-color:blue;

background-color:blue;

border:0.1px solid blue;

z-index:8;

}

-->

</STYLE>

</HEAD>

<BODY bgColor=#ff0000>

<DIV class=intro id=i1></DIV>

<SCRIPT language=JavaScript1.2>

 

/*

Boxing In Script-© Dynamic Drive (www.dynamicdrive.com)

For source code, installation instructions, 100's DHTML scripts, and TOS,

visit http://www.dynamicdrive.com

*/

 

var ns4=document.layers?1:0

var ie4=document.all?1:0

var ns6=document.getElementById&&!document.all?1:0

 

//change speed here

var speed=2

if (ns4){

var reference=window.innerWidth/window.innerHeight

var temp=eval("document.i1.clip")

temp.left=temp.top=0

temp.right=window.innerWidth

temp.bottom=window.innerHeight

}

else if (ie4||ns6){

var reference=ns6?parseInt(window.innerWidth)/window.innerHeight: document.body.clientWidth/document.body.clientHeight

var rightclip,leftclip,topclip,bottomclip

var temp=ns6?document.getElementById("i1").style:document.all.i1.style

topclip=leftclip=0

rightclip=temp.width=ns6?window.innerWidth*0.98:document.body.clientWidth

bottomclip=temp.height=ns6?window.innerHeight-2:document.body.clientHeight

}

 

 

function doit(){

window.scrollTo(0,0)

if (ns4){

if (temp.left>window.innerWidth/2)

clearInterval(stopit)

temp.left+=reference*speed

temp.top+=speed

temp.right-=reference*speed

temp.bottom-=speed

}

else if (ie4||ns6){

halfofbrowser=ns6?parseInt(window.innerWidth/2):document.body.clientWidth/2

if (leftclip>halfofbrowser){

clearInterval(stopit)

temp.display="none"

}

temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")"

leftclip+=reference*speed

topclip+=speed

rightclip-=reference*speed

bottomclip-=speed

}

}

stopit=setInterval("doit()",100)

 

</SCRIPT>