function isBrowserCompliant()
{
	return document.getElementById && document.createElement && document.createTextNode;
}

function addActions()
{
	if( !isBrowserCompliant() )
		return false;

	var previous = document.getElementById('previousbtn');
	var next = document.getElementById('nextbtn');
	previous.onclick = function()
	{
		return(switchImage(1))?false:true;
	}
	next.onclick = function()
	{
		return(switchImage(2))?false:true;
	}

	var rotator = document.getElementById('friendshiprotator');
	if(rotator)
	{
		var images = rotator.getElementsByTagName("IMG");
		for (var i = 0; i < images.length; i++){ images[i].hover = data[i].hover; }
		hoverImage(rotator.getElementsByTagName("IMG"));
	}
}

function hoverImage(images)
{
	for (var i = 0; i < images.length; i++)
	{
		images[i].onmouseover = function()
		{
			this.parentNode.style.cssText = "position:relative;";
			var image = document.createElement('IMG');
			image.setAttribute('src', dir + this.hover);
			//image.setAttribute('src', this.src);
			image.setAttribute('alt', this.alt);
			image.style.cssText = "position:absolute;z-index:1000;top:" + (this.offsetTop - 18) + "px;left:" + (this.offsetLeft - 17) + "px;width:95px;height:95px;border:#ccc solid 1px;";
			this.parentNode.appendChild(image);

			image.onmouseout = function()
			{
				this.parentNode.style.cssText = "position:static;";
				this.parentNode.removeChild(this);
				innerXHTML( "switchdesc", "<br />" );
			}

			image.onmouseover = function()
			{
				innerXHTML( "switchdesc", this.alt );
			}
		}

	}
}

function switchImage(a)
{
	if( !isBrowserCompliant() )
		return false;

	var rotator = document.getElementById('rotator');
	if(rotator)
	{
		children = Array();
		var title = document.getElementById('switchtitle');
		var desc = document.getElementById('switchdesc');


		var images = rotator.getElementsByTagName("IMG");
		for (var i = 0, j = 0; i < images.length; i++)
		{
			children[j] = images[i];
			j++;
		}

		if(a == 2) data.push(data.shift());
		else if(a == 1) data.unshift(data.pop());

		for (var i = 0; i < children.length; i++)
		{
			if( children[i] && data[i] )
			{
				hide( children[i] );

				image = new Image();
				image.img = children[i];
				image.alt = data[i].desc
				image.onload = function () { switchImageAndShow( this.img, this.src, this.alt ); };
				image.src = dir + data[i].image;
			}
		}

		if( children[1] && data[1] )
		{
			children[1].className = "active";
			if(title && data[1].title) innerXHTML( title, data[1].title );
			if(desc && data[1].desc) innerXHTML( desc, data[1].desc );
		}
		else if ( children[0] && data[0] )
		{
			children[0].className = "active";
			if(title && data[0].title) innerXHTML( title, data[0].title );
			if(desc && data[0].desc) innerXHTML( desc, data[0].desc );
		}

		return true;
	}

	var rotator = document.getElementById('friendshiprotator');
	if(rotator)
	{
		children = Array();
		var images = rotator.getElementsByTagName("IMG");

		for (var i = 0, j = 0; i < images.length; i++)
		{
			children[j] = images[i];
			j++;
		}

		if(a == 2)
			{
			for (var i = 0; i < 3; i++){ data.push(data.shift()); }
			}
		else if(a == 1)
		{
			for (var i = 0; i < 3; i++){ data.unshift(data.pop()); }
		}

		for (var i = 0; i < children.length; i++)
		{
			if( children[i] && data[i] )
			{
				hide( children[i] );

				image = new Image();
				image.img = children[i];
				image.alt = data[i].desc;
				image.onload = function () { switchImageAndShow( this.img, this.src, this.alt ); };
				image.src = dir + data[i].image;
			}
		}

		for (var i = 0; i < images.length; i++){ images[i].hover = data[i].hover; }
		hoverImage(rotator.getElementsByTagName("IMG"));

		return true;
	}

	var rotator = document.getElementById('imaginerotator');

	if(rotator)
	{
		children = Array();

		children[ children.length ] = {
				top: document.getElementById("imagineimage1top"),
				bot: document.getElementById("imagineimage1bot")
		};

		children[ children.length ] = {
				top: document.getElementById("imagineimage2top"),
				bot: document.getElementById("imagineimage2bot")
		};

		children[ children.length ] = {
				top: document.getElementById("imagineimage3top"),
				bot: document.getElementById("imagineimage3bot")
		};

		if(a == 2) data.push(data.shift());
		else if(a == 1) data.unshift(data.pop());

		for (var i = 0; i < children.length; i++)
		{
			if( children[i].top && children[i].bot && data[i] )
			{
				hide( children[i].top );
				hide( children[i].bot );

				image1 = new Image();
				image1.img = children[i].top;
				image1.alt = data[i].desc1
				image1.width = data[i].width1;
				image1.height = data[i].height1;
				image1.onload = function () { switchImageAndShow( this.img, this.src, this.alt, this.width, this.height ); };
				image1.src = dir + data[i].image1;

				image2 = new Image();
				image2.img = children[i].bot;
				image2.alt = data[i].desc2
				image2.width = data[i].width2;
				image2.height = data[i].height2;
				image2.onload = function () { switchImageAndShow( this.img, this.src, this.alt, this.width, this.height ); };
				image2.src = dir + data[i].image2;
			}
		}





		changeBg();

		return true;
	}
}

bg = 2;
function changeBg()
{
	if (bg == 2)
	{
		document.getElementById('bg').style.background = "url(/discovery/assets/images/imagine_notes_bg" + bg +  ".jpg) 0 0 no-repeat";
		bg = 1;
	}
	else
	{
		document.getElementById('bg').style.background = "url(/discovery/assets/images/imagine_notes_bg" + bg +  ".jpg) 0 0 no-repeat";
		bg = 2;
	}
}


function switchImageAndShow( image, src, alt, width, height, className )
{
	if ( !image || !src )
		return false;

	image.src = src;

	if( alt )
		image.alt = alt;

	if( width )
		image.width = width;

	if( height )
		image.height = height;

	if( className )
		image.className = className;

	show( image );

	return true;
}

function show(el)
{
	el.style.visibility = "visible";

	return true;
}

function hide(el)
{
	el.style.visibility = "hidden";

	return true;
}

function switchDesc(image)
{
	if( !isBrowserCompliant() || !image )
		return false;

	innerXHTML( "switchdesc", image.alt );

	return true;
}

function clearDesc()
{
	if( !isBrowserCompliant() )
		return false;

	innerXHTML( "switchdesc", "<br />" );

	return true;
}

function toggleTextDisplay(override)
{
	var items = new Array();


	var p = document.getElementById("inside").getElementsByTagName("p");
	var div = document.getElementById("inside").getElementsByTagName("div");

	for(var i = 0; i < p.length; i++) items.push(p[i]);
	for(var i = 0; i < div.length; i++) items.push(div[i]);

	hidden = false;

	for(var i = 0; i < items.length; i++)
	{
		if (override&&override=="show")
		{
			items[i].style.display = "block";
		}
		else if (override&&override=="hide")
		{
			items[i].style.display = "none";
			hidden = true;
		}
		else if (items[i].style.display == "")
		{
			items[i].style.display = "none";
			hidden = true;
		}
		else
		{
			items[i].style.display = "block";
		}
	}

	//remember that timeout uses millisecs
	if(hidden)
		setTimeout("toggleTextDisplay('show')", 6000);
}