// JavaScript Document

var lineWidth=0;
var box1Height=0;
var box1Width=0;
var box2Height=0;
var box2Top=180;
var box2Width=0;
var box2Left=470;
var box3Height=0;
function animate() {
	if (lineWidth < 360) {
		lineWidth=lineWidth+5;		
		document.getElementById("line").style.width = lineWidth + 'px';
		setTimeout("animate()",1);	
	} else {
		document.getElementById("box1").style.borderLeftWidth = '1px';
		document.getElementById("box1").style.borderLeftStyle = 'solid';
		document.getElementById("box1").style.borderLeftColor = '#FFFFFF';
		if (box1Height < 60) {
			box1Height=box1Height+5;		
			document.getElementById("box1").style.height = box1Height + 'px';
			setTimeout("animate()",1);	
		} else {
			document.getElementById("box1").style.borderBottomWidth = '1px';
			document.getElementById("box1").style.borderBottomStyle = 'solid';
			document.getElementById("box1").style.borderBottomColor = '#FFFFFF';
			if (box1Width < 110) {
				box1Width=box1Width+5;		
				document.getElementById("box1").style.width = box1Width + 'px';
				setTimeout("animate()",1);	
			} else {
				document.getElementById("box2").style.borderRightWidth = '1px';
				document.getElementById("box2").style.borderRightColor = '#FFFFFF';
				document.getElementById("box2").style.borderRightStyle = 'solid';
				if (box2Height < 110) {
					box2Height=box2Height+5;		
					box2Top=box2Top-5;		
					document.getElementById("box2").style.top = box2Top + 'px';
					document.getElementById("box2").style.height = box2Height + 'px';
					setTimeout("animate()",1);	
				} else {
					document.getElementById("box2").style.borderTopWidth = '1px';
					document.getElementById("box2").style.borderTopStyle = 'solid';
					document.getElementById("box2").style.borderTopColor = '#FFFFFF';
					if (box2Width < 110) {
						box2Width=box2Width+5;		
						box2Left=box2Left-5;		
						document.getElementById("box2").style.left = box2Left + 'px';
						document.getElementById("box2").style.width = box2Width + 'px';
						setTimeout("animate()",1);	
					} else {
						document.getElementById("box3").style.borderLeftWidth = '1px';
						document.getElementById("box3").style.borderLeftStyle = 'solid';
						document.getElementById("box3").style.borderLeftColor = '#FFFFFF';
						if (box3Height < 55) {
							box3Height=box3Height+5;		
							document.getElementById("box3").style.height = box3Height + 'px';
							setTimeout("animate()",1);	
						}
					}
				}
			}
		}
	}
}

