/*
	type-invaders.com global JavaScript functions
	
	Paul van der Laan, 2007-04-05
*/

// global flag for google analytics
var statsFlag = true;



// toggle images and divs in photogallery
function toggleImage(divName, idName)
{
	var sourceImage = document.getElementById(idName);
	var t = sourceImage.src;
	t = t.replace('thumb', 'normal');
	var destImage = document.getElementById(divName + '-image');
	destImage.src = t;
	
	var myObject = document.getElementById(divName + '-thumb');
	myObject.style.display = 'none';

	var myObject = document.getElementById(divName + '-normal');
	myObject.style.display = 'block';
}



// restore divs in photogallery
function toggleDivs(divName)
{
	var myObject = document.getElementById(divName + '-thumb');
	myObject.style.display = 'block';

	var myObject = document.getElementById(divName + '-normal');
	myObject.style.display = 'none';	
}



function submitForm()
{
	// document.forms[0].action = "?php echo $PHP_SELF; ?";  // pad naar cgi script
	// document.forms[0].method = "POST";
	document.forms[0].submit();
}



function randomImage()
{
	var imgs = new Array();
	imgs[0] = 'duiker-grotesk';
	imgs[1] = 'avioflex';
	imgs[2] = 'feisar-express';
	var pick = (Math.round(Math.random() * (imgs.length - 1)));
	document.write('<a href="' + imgs[pick] + '/"><img src="images/' + imgs[pick] + '.png" alt="Randomly picked typeface example" /></a>');
	// document.write('<img src="images/' + imgs[pick] + '.png" alt="Randomly picked typeface example" />');
}



// simple image switcher
function switchImage(idName, imageName)
{
	var myImage = document.getElementById(idName);
	myImage.src = 'images/' + imageName;
}



// anti-spambot e-mail script
function emailAddress()
{ 
	var myAddress = 'info@type-invaders.com';
	document.write('<a class="normal" href="mailto:' + myAddress + '">' + myAddress + '</a>');
}



// include footer for every page
function createFooter()
{
	document.write('<a href="/">home</a> : <a href="/about.html">about</a> : <a href="/contact.php">contact</a>');
}



// toggle display attribute of element
function toggleDisplay(myID, displayStyle)
{
	var myObject = document.getElementById(myID);
	if (displayStyle != '')
	{
		myObject.style.display = displayStyle
	}
	else
	{
		if (myObject.style.display == 'block')
		{
			myObject.style.display = 'none';
		}
		else
		{
			myObject.style.display = 'block';
		}
	}
}



// toggle visibility attribute of element
function toggleVisibility(myID)
{
	var myObject = document.getElementById(myID);
	if (myObject.style.visibility == 'visible')
	{
		myObject.style.visibility = 'hidden';
	}
	else
	{
		myObject.style.visibility = 'visible';
	}
}