/* modified code from javascript-array.com
 * http://www.w3schools.com/js/js_timing.asp */

var timeOut	= 500;
var closeTimer	= 0;
var menu = 0;
// close layer when click-out
document.onclick = hideMenu; 
function showMenu( pID )
{
	cancelTimeOut();
	
	if( menu )
		menu.style.visibility = 'hidden';
	
	menu = document.getElementById( pID );
	menu.style.visibility = 'visible';
}

function hideMenu()
{
	if( menu )
		menu.style.visibility = 'hidden';
}

function menuTimeOut()
{
	closeTimer = window.setTimeout( hideMenu, timeOut );
}

function cancelTimeOut()
{
	if( closeTimer )
	{
		window.clearTimeout( closeTimer );
		closeTimer = null;
	}
}

function generateEmail( text )
{
	document.write( getEmailAddress( text ) );
}

function getEmailAddress( text )
{
	var first = 'tamar';
	var last = 'curry';
	var service = 'gmail';
	var extension = 'com';
	
	var address = first + '.' + last + '@' + service + '.' + extension;
	
	var link = '<a href="mailto:' + address + '">' + text + '</a>'
	
	return link;
}

function getImage( img )
{
	document.write( '<img src="gfx/common/' + img + '.png" />' );
}

function generateLegalStuff()
{
	var s = '<div style="font-size: 10px; height: 50px; width: 100%; text-align: center; padding: 18px 0px 20px 0px; margin: 0px; background-color: #331111; display: block;">';
	s += 'Lumia\'s Kingdom &copy; ' + getEmailAddress("Tamar Curry") + '. All content, unless specified otherwise, is my property.';
	s += '<br/>';
	s += 'Lumia\'s Kingdom is hosted by <a href="http://www.comicdish.com">Comic Dish</a>, a free webhosting service for webcomics.';
	s += '<br/>';
	s += 'Don\'t steal or a horde of angry fleas will feast upon your lower regions <font style="font-family: Helvetica;">qX_Xp</font>';
	s += '</div>';
	document.write( s );
}

function generateNav( home )
{
	
	
	var urlArray = new Array();
	
	urlArray.push('about');
	urlArray.push('gallery');
	urlArray.push('creator');
	urlArray.push('tutorials');
	urlArray.push('links');
	urlArray.push('rant');
	
	var rightQuote = '&raquo;';
	
	var indexLink = '';
	
	if ( home == null || home == false)
		indexLink = '<a href="./index.php" title="Home"><img src="gfx/common/title.png"/></a><br/>';
	else if ( home == true )
		indexLink = '<img src="gfx/common/title.png"/><br/>';
	
	document.write( indexLink );
	
	document.write( '<div class="navigation">' );
	
	document.write( '<table align="center" cellspacing="4" cellpadding="0">' );
	
	for ( var i = 0; i < urlArray.length; i++ )
	{
		
		var text = urlArray[ i ];
		
		var first = text.charAt( 0 ).toUpperCase();
		var rest = text.substring( 1 );
		
		var before = '<td class="site_nav">';
		var after = '</td>';
		
		if ( location.href.indexOf( text ) >= 0 )
		{
			before += '<font class="nav_link">::';
			after = '::</font>' + after;
		}
		else
		{
			before += '<a class="nav_link" href="' + text + '.html">';
			after = '</a>' + after;
		}
		
		if ( i == 0 || i == ( urlArray.length / 2 ) )
		{
			before = '<tr>' + before;
		}
		else if ( i == ( urlArray.length / 2 ) - 1 || i == ( urlArray.length - 1 ) )
		{
			after += '</tr>';
		}
		
		document.write( before + '<font class="caps">' + first + '</font>' + rest + after );
	}
	
	document.write( '</table>' );
	document.write( '</div>' );
}

function navigateToPage( url )
{
	document.location.href = url;
}

function generateLinks( home )
{
	var urlArray = new Array();
	
	urlArray.push('about');
	urlArray.push('gallery');
	urlArray.push('creator');
	urlArray.push('tutorials');
	urlArray.push('links');
	urlArray.push('rant');
	
	var imgArray = new Array();
	var rollOverArray = new Array();
	
	var d = '';
	
	if ( location.href.indexOf( '/d/' ) >= 0 )
		d = '../';
	
	var indexLink = '';
	
	if ( home == null || home == false)
		indexLink = '<a href="./index.php" title="Home"><img src="' + d + 'gfx/common/title.png"/></a><br/>';
	else if ( home == true )
		indexLink = '<img src="' + d + 'gfx/common/title.png"/><br/>';
	
	document.write( indexLink );
	
	for ( var j = 0; j < urlArray.length; j++ )
	{
		imgArray[j] = new Image();
		rollOverArray[j] = new Image();
		imgArray[j].src = d + 'gfx/common/' + urlArray[j] + '.png';
		rollOverArray[j].src = d + 'gfx/common/' + urlArray[j] + '_over.png';
	}
	
	for ( var i = 0; i < urlArray.length; i++ )
	{
		var v = '';
		var before = '';
		var after = '';
		var url = '';
		
		url = urlArray[i];
		
		if ( location.href.indexOf( url ) >= 0 )
			v = '_visited';
		else
		{
			before = '<a href="' + d + url + '.html" onmouseover="document.' + urlArray[i] + '.src=\'' + rollOverArray[i].src + '\';"  onmouseout="document.' + urlArray[i] + '.src=\'' + imgArray[i].src + '\';">';
			after = '</a>';
		}
		
		document.write( before + '<img src="' + d + 'gfx/common/' + urlArray[i] + v + '.png" name="' + urlArray[i] + '"/>' + after + '<br/>' );
	}
}

function generageMakingComicsMenu(){
	var tURL = window.location.href;
	var tSpacer = '&nbsp; &nbsp; &bull; &nbsp; &nbsp;';
	document.write( '<div style="text-align: center; background-color: #482a2a; border: 5px solid #452525; padding: 4px 0px 8px 0px; font-size: 14px;"' );
	document.write( '<center>' );
	if( tURL.indexOf( "making_comics_intro" ) == -1 )
		document.write( '<a href="./?page=making_comics_intro">Intro</a>' );
	else
		document.write( '<b>Intro</b>' );
	
	document.write( tSpacer );
	
	if( tURL.indexOf( "making_comics_01" ) == -1 )
		document.write( '<a href="./?page=making_comics_01">Thumbnailing</a>' );
	else
		document.write( '<b>Thumbnailing</b>' );
	
	document.write( tSpacer );
	
	if( tURL.indexOf( "making_comics_02" ) == -1 )
		document.write( '<a href="./?page=making_comics_02">Penciling & Inking</a>' );
	else
		document.write( '<b>Penciling & Inking</b>' );
	
	document.write( tSpacer );
	
	if( tURL.indexOf( "making_comics_03" ) == -1 )
		document.write( '<a href="./?page=making_comics_03">Digital Lettering</a>' );
	else
		document.write( '<b>Digital Lettering</b>' );
	document.write( '</div>' );
}