if (document.all) {
	docObj = "document.all."
	styleObj = ".style"
}
else {
	docObj = "document."
	styleObj = ""
}

if (document.getElementById){
	docObj = "document.getElementById('"
	styleObj = "').style"
}

var screenheight
var screenwidth
var imgurl=new Array("institute.gif")
var finalposX
var finalposY

var slicesX=6
var slicesY=4
var imgpreload=new Array()
for (i=0;i<=imgurl.length-1;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=imgurl[i]
}
var imgheight
var imgwidth
var stepX=new Array()
var stepY=new Array()
var randomposX=0
var randomposY=0
var i_loop=0
var max_loop=60
var i_image=0
var width_slice
var height_slice
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0
var pause=30
var frontpage="continue"

function initiate() {
	screenheight=document.body.clientHeight-imgheight+30
	screenwidth=document.body.clientWidth-imgwidth+40
	finalposX=(document.body.clientWidth-imgwidth)/2-90
	finalposY=102
	width_slice=Math.floor(imgwidth/slicesX)
	height_slice=Math.floor(imgheight/slicesY)
	cliptop=0
	clipbottom=height_slice
	clipleft=0
	clipright=width_slice
	i_loop=0
	spancounter=0
	for (i=0;i<=slicesY-1;i++) {
		for (ii=0;ii<=slicesX-1;ii++) {
			var thisSpan=eval(docObj + "span"+ spancounter + styleObj)
			randomposX=Math.ceil(screenwidth*Math.random())
			randomposY=Math.ceil(screenheight*Math.random())
			thisSpan.posLeft=randomposX-30
			thisSpan.posTop=randomposY-30
               		thisSpan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
			clipleft+=width_slice
		        clipright+=width_slice
		        spancounter++
		}
       	clipleft=0
	clipright=width_slice
	cliptop+=height_slice
	clipbottom+=height_slice
		}
   implode()
}

function changeimage() {
	if(document.all){
		setTimeout("changeimage2()",500)
	}
	else{
		if(frontpage=="continue"){
			startBanner()
		}
	}
}

function changeimage2() {
	thisSpan=new Object
	spancounter=0
	for (i=0;i<=slicesY-1;i++) {
		for (ii=0;ii<=slicesX-1;ii++) {
			thisSpan=eval(docObj + "span"+ spancounter + styleObj)	
			thisSpan.posLeft=-5000
			thisSpan.posTop=-5000
			spancounter++
		}
	}
	spancounter=0
	if (i_image>imgurl.length-1) {i_image=0}
	for (i=0;i<=slicesY-1;i++) {
		for (ii=0;ii<=slicesX-1;ii++) {
		var thisInnerSpan=eval("span"+spancounter)
    		thisInnerSpan.innerHTML="<img src='"+imgurl[i_image]+"'>"
		spancounter++
		}
	}
	imgwidth=document.all.span0.offsetWidth
	imgheight=document.all.span0.offsetHeight
	i_image++
	initiate()
}

function implode() {
	spancounter=0
	if (i_loop<=max_loop-1) {
		for (i=0;i<=slicesY-1;i++) {
			for (ii=0;ii<=slicesX-1;ii++) {
				var thisSpan=eval(docObj + "span"+ spancounter + styleObj)
				stepX[spancounter]=(finalposX-thisSpan.posLeft)/(max_loop-i_loop)
				stepY[spancounter]=(finalposY-thisSpan.posTop)/(max_loop-i_loop)		
				thisSpan.posLeft+=stepX[spancounter]
				thisSpan.posTop+=stepY[spancounter]
				spancounter++
			}
		}
		i_loop++
		var timer=setTimeout("implode()",pause)
	}
	else {
		spancounter=0
		clearTimeout(timer)
		if(frontpage=="continue"){
			startBanner()
		}
	}
}


spancounter=0