var images = [];
images[0] = '_images/tab_click5.png';
images[1] = '_images/tab_highlight5.png';

function PreloadImages()
{
	for (var i = 0; i < images.length; i++)
	{
		var img = new Image();
		img.src = images[i];
		img.style.height=0;
		img.onload=ImageCountDown;
		document.body.appendChild(img);
	}
}

var imageCount = images.length;
function ImageCountDown()
{
	imageCount--;
	if (imageCount === 0)
	{
	}
}

function AnimObject(image,startx,endx,starty,endy,w,h) 
{
	this.xEnd = endx;
	this.yEnd = endy;
	this.xPos = startx;
	this.yPos = starty;
	this.finalWidth = w;
	this.finalHeight = h;
	this.curWidth = 1;
	this.curHeight = 1;
	this.animImage = image;
	this.animEle = null;
}
function AnimateBanner()
{
	var animobj = anims[curAnim];
	if (!animobj)
	{
		animobj = anims[++curAnim];
		if (!animobj)
		{
			return;
		}
	}
	if (!animobj.animEle)
	{
		animobj.animEle = new Image();
		animobj.animEle.onload = AnimateBanner;
		animobj.animEle.src = animobj.animImage;
		animobj.animEle.style.height = animobj.curHeight;
		animobj.animEle.style.width = animobj.curWidth;
		animobj.animEle.style.marginTop = animobj.yPos;
		animobj.animEle.style.marginLeft = animobj.xPos;
		animobj.animEle.style.position='absolute';
		document.getElementById('banner').appendChild(animobj.animEle);
		return;
	}
	var done = true;
	if (animobj.xPos !== animobj.xEnd)
	{
		done = false;
		animobj.xPos = animobj.xPos-Math.ceil((animobj.xPos-animobj.xEnd)/4);
		animobj.animEle.style.left = '0px';
		animobj.animEle.style.left = animobj.xPos + 'px';
	}
	if (animobj.curWidth !== animobj.finalWidth)
	{
		done = false;
		animobj.curWidth = animobj.curWidth+Math.ceil((animobj.finalWidth-animobj.curWidth)/4);
		animobj.animEle.style.width = animobj.curWidth + 'px';
	}
	if (animobj.yPos !== animobj.yEnd)
	{
		done = false;
		animobj.yPos = animobj.yPos-Math.ceil((animobj.yPos-animobj.yEnd)/4);
		animobj.animEle.style.top = '0px';
		animobj.animEle.style.top= animobj.yPos + 'px';
	}
	if (animobj.curHeight !== animobj.finalHeight)
	{
		done = false;
		animobj.curHeight = animobj.curHeight+Math.ceil((animobj.finalHeight-animobj.curHeight)/4);
		animobj.animEle.style.height = animobj.curHeight + 'px';	
	}
	
	if (done)
	{
		curAnim++;
	}
	
	window.setTimeout(AnimateBanner,100);
}

var anims = [];
anims[0] = new AnimObject('_images/doc1.png',500,300,150,-40,80,100);
anims[1] = new AnimObject('_images/doc4.png',500,420,150,-40,80,100);
anims[3] = new AnimObject('_images/doc2.png',500,360,150,50,80,100);
anims[4] = new AnimObject('_images/doc5.png',500,480,150,50,80,100);
var curAnim = -1;

function OnPageLoad()
{
	ResizeContent();
	PreloadImages();
	window.setTimeout(AnimateBanner,1000);
}

if (!!window.addEventListener)
{
	window.addEventListener('load', OnPageLoad, false);
}
else if (!!window.attachEvent)
{
	window.attachEvent('onload', OnPageLoad);
}

function ResizeContent()
{
	var content = window.document.getElementById('content');
	var news = window.document.getElementById('news');
	contentHeight = Math.max(content.offsetHeight, news.offsetHeight);
	window.document.getElementById('content_wrapper').style.height = contentHeight + 'px';
	window.document.getElementById('menu').style.height = contentHeight+2 + 'px';
}

var lastDiv = 'home';
function ShowContent(div)
{
	if (!div)
	{
		return;
	}
	if (!!lastDiv)
	{
		if (lastDiv === div)
		{
			return;
		}
		document.getElementById(lastDiv).className = 'hidden';
	}
	lastDiv = div;
	document.getElementById(div).className = 'visible';
	window.setTimeout(ResizeContent,50);
}