Husky Stadium

Where the huskies come to play






  <style type="text/css">
  #one
   {
   		background-color: #FFCCFF;
		margin-top: 50px;
		margin-left: 100px;
		height: 500px;
		width: 750px; 
   }
  #two
   {
 		margin-top: 50px;
		margin-left: 100px;
		height: 500px;
		width: 750px;  
		border: solid medium #9900FF;
		padding: 20px; 
   }
  #three
   {
		margin-top: 50px;
		margin-left: 100px;
		height: 500px;
		width: 750px;    
   }
  #HS
	{
		position:absolute;
		top: 70px;
		left: 240px;
		font-size: 300%;
		font-family: magneto;	
		color: yellow;	
	}
  #football
	{
		position:absolute;
		top: 350px;
		left: -500px;
	}
  #play
	{
		position: absolute;
		top: 450px;
		left: 1000px;
		font-size:150%;
		font-family: magneto;
		color: yellow;
	}
  </style>
  
  
  <script type="text/javascript" src="Tween.js"></script>
  <script type="text/javascript" src="OpacityTween.js"></script> 
  <script type="text/javascript">

  
  function doSequence()
  {
  	one();
	setTimeout('two()', 5000);
	setTimeout('three()',15000);
 
  } 
  
  function one()
  {
    move1();
  }
  
  
  function two()
  {
   var i = document.getElementById("one");
   i.style.display = "none";
   var j = document.getElementById("two");
   j.style.display = "block";
   move2();
  }
  
  function three()
  {
   var i = document.getElementById("two");
   i.style.display = "none";
   var j = document.getElementById("three");
   j.style.display = "block";
   move3();
  }  
  
  function move1()
  {
  	var i = document.getElementById("stadium");
	var t = new OpacityTween(i, Tween.regularEaseIn, 0, 100, 3);
	t.start(); 
	var footballPic = document.getElementById("football"); 
	var footballTween = new Tween(footballPic.style, 'left', Tween.elasticEaseOut, -1000, 400, 1, 'px');
	footballTween.start();
	var playText = document.getElementById("play");
	var playTween = new Tween(playText.style, 'left', Tween.elasticEaseOut, 1000, 230, 5, 'px'); 
	playTween.start();
  
  }
  
  function move2()
  {	
	var i = document.getElementById("footballHelmet");
	var footballHelmet = new Tween(i.style,'left',Tween.elasticEaseOut,10,220,1,'px');
	footballHelmet.onMotionFinished = function(){this.yoyo()};
	footballHelmet.start();		
	doBorders();
  }	
	
  var showLineCounter = -1;
  var oldLineCounter;
  var numberOfPasses = 0;
  var paraArray = new Array("paraOne", "paraTwo", "paraThree", "paraFour"); 	
	
  function doBorders()
  {
		var oldLineCounter = showLineCounter;
		
		showLineCounter++;
		if (showLineCounter > 3)
		{
			showLineCounter = 0;
		}
			
  		if (oldLineCounter != -1)
		{
			var i = document.getElementById(paraArray[oldLineCounter]);
			i.style.border = "solid medium yellow";
		}
		var j = document.getElementById(paraArray[showLineCounter]);
		j.style.border = "solid medium purple";		
		
		setTimeout("doBorders()", 500);	  		   
  
  }
  
  function move3()
  {
  	var i = document.getElementById("bowWow");
	var bowWow = new Tween(i.style,'fontSize',Tween.elasticEaseOut, 20, 120, 3, 'px');
  	bowWow.start();
  }
  
  
  </script>
  
</head>
<body onLoad="doSequence()">

<div id="one">
	<img id="stadium" src="huskyStadium.jpg" style="filter:Alpha(opacity=0);-moz-opacity:.0">
	<p id="HS">Husky Stadium</p>
	<img id="football" src="transparentFootballPic.gif">
	<p id="play">Where the huskies come to play</p>
</div>



<div id="two" style="background-color: yellow;display: none">

	<p id="paraOne" style="padding: 2px; height: 50px">
    Annually voted the most scenic football structure in the nation, Husky Stadium has proven to be a 
    monstrous opponent for visitors hoping to pin a loss on Washington's gridiron heroes.</p>

	<p id="paraTwo" style="padding: 2px; height: 50px">Nestled high above Union Bay in Lake Washington, 
    Husky Stadium has several characteristics that make it unique among stadia:</p>

	<p id="paraThree" style="padding: 2px; height: 50px">A seating capacity of 72,500 
    allows Husky Stadium to rank as the nation's 15th largest on-campus facility. It is the largest stadium, 
    college or professional, in the Pacific Northwest.</p>

	<p id="paraFour" style="padding: 2px; height: 70px">With nearly 70 percent of the seats located 
    between the end zones, Husky Stadium can be one of the loudest stadiums in the nation. During the 1992 
    Nebraska contest, the first night game in Husky Stadium history, ESPN sideline crews measured the 
    crowd noise at 130 decibels. </p>
	
	<img id="footballHelmet" src="wash-07-hdr-m-footbl.jpg" style="width:499px;height:89px;position:relative;left:0px;">
	
</div>


<div id="three" style="background-color: blue;display: none">
	<img id="stadium2" src="huskyStadium.jpg">
	<p id="bowWow" style="position:absolute; left:200px; top: 100px;color: white;font-size: 20%">Bow wow!</p>
</div>