//JavaScript Document
Images = new Array()
   
Images[0] = new Image() 
Images[0].src = "http://www.kirkcarson.com/images/bnl/1.jpg" 

Images[1] = new Image()
Images[1].src = "http://www.kirkcarson.com/images/bnl/2.jpg"

Images[2] = new Image()
Images[2].src = "http://www.kirkcarson.com/images/bnl/3.jpg"

Images[3] = new Image()
Images[3].src = "http://www.kirkcarson.com/images/bnl/4.jpg"

Images[4] = new Image()
Images[4].src = "http://www.kirkcarson.com/images/bnl/5.jpg"

Images[5] = new Image()
Images[5].src = "http://www.kirkcarson.com/images/bnl/6.jpg"

var changeTo = 0;
var done = 0;
var opacStart = 100;
var opacEnd = 0;
var elementId = "null";
var synopsis = "<p>Joey, a high school sophomore grew up immersed in gaming culture. So, he has a tough time communicating outside the gaming world. His peers are confused when he speaks and his teachers are confused when he writes. Though no one openly dismisses him, they just don't quite know how to interact with him. He searches for some who understands him and can relate to his culture. In the end, he finds that he goes to the same school as one of his online friends.</p>";
var cast = "<table><tr><td align='right'>Matt Haan</td><td align='center'>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td align='left'>Joey</td></tr><tr><td align='right'>Annie Bulthuis</td><td align='center'>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td align='left'>Kylie</td></tr><tr><td align='right'>Sean Kenny</td><td align='center'>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td align='left'>Teacher</td></tr><tr><td align='right'>Angela Flowers</td><td align='center'>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td align='left'>Sarah</td></tr><tr><td align='right'>Brenda Jansen</td><td align='center'>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td align='left'>Lauren</td></tr><tr><td align='right'>Shannon Brewer</td><td align='center'>&nbsp;&nbsp;&nbsp;- &nbsp;&nbsp;&nbsp;</td><td align='left'>Michelle</td></tr><tr><td align='right'>Adrienne Veenstra</td><td align='center'>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td align='left'>Prep Girl #1</td></tr><tr><td align='right'>Alexa Carson</td><td align='center'>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td align='left'>Prep Girl #2</td></tr></table>";
var crew ='<table border="0"><tr><td align="right">Kirk Carson</td><td align="center">&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td>Writer</td></tr><tr><td align="right">Kirk Carson</td><td align="center">&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td>Director</td></tr><tr><td align="right">Kirk Carson</td><td align="center">&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td>Producer</td></tr><tr><td align="right">Eric Nondahl</td><td align="center">&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td>Cinematographer</td></tr><tr><td align="right">Alex Gilliom</td><td align="center">&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td>Gaffer</td></tr><tr><td align="right">Rachel Kolb</td><td align="center">&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td>Production Designer</td></tr><tr><td align="right">Kori Francis</td><td align="center">&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td>Assistant Director</td></tr><tr><td align="right">Gerard Van Halsema</td><td align="center">&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td>Sound Mixer</td></tr><tr><td align="right">Kirk Carson</td><td align="center">&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;</td><td>Editor</td></tr></table>';

function swapText(id)
{
	elementId = document.getElementById("about");
	if(done != id)
	{
		if(id == 0)
		{
			opacity(100, 1, 100);
			setTimeout("elementId.innerHTML=synopsis;",100);
			setTimeout("opacity(1, 100, 100);", 100);
		}
		else if(id == 1)
		{
			opacity(100, 1, 100);
			setTimeout("elementId.innerHTML=cast;",100);
			setTimeout("opacity(1, 100, 100);", 100);
		}
		else if(id == 2)
		{
			opacity(100, 1, 100);
			setTimeout("elementId.innerHTML=crew;",100);
			setTimeout("opacity(1, 100, 100);", 100);
		}
	}
	done = id;
}

function swapImage(changeTo)
{
	elementId = document.getElementById("center");
	if(elementId.src != Images[changeTo].src)
	{
		opacity(100, 75, 400);
		setTimeout("elementId.src = Images[changeTo].src;",100)
		setTimeout("opacity(75, 100, 400);", 150)
	}
}

function next()
{
	if(changeTo == 5)
	{
		changeTo = 0;
		swapImage(changeTo);
	}
	else
	{
		changeTo = ++changeTo;
		swapImage(changeTo);
	}
}

function opacity(opacStart, opacEnd, millisec)
{
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
	
    //determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd)
	{
		for(i = opacStart; i >= opacEnd; i--)
		{
			setTimeout("changeOpac(" + i + ")",(timer * speed));
			timer++;
		}
	}
	else if(opacStart < opacEnd)
	{
		for(i = opacStart; i <= opacEnd; i++)
		{
			setTimeout("changeOpac(" + i + ")",(timer * speed));
			timer++;
		}
	}
}

function changeOpac(opacity)
{
	elementId.style.opacity = (opacity / 100);
	elementId.style.filter = "alpha(opacity=" + opacity + ")";
}
