function printHeader(title)
{
    document.write('<div id="header">\n');
	document.write('<h2 id="logo"><a href="http://www.assistly.com/"></a></h2>\n'); 
	document.write('<ul id="nav">\n'); 
	if (title=='home')
		document.write('<li><a href="http://www.assistly.com/" class="selected">Home</a></li> | \n');
	else
		document.write('<li><a href="http://www.assistly.com/">Home</a></li> | \n');
	if (title=='about-us')	
		document.write('<li><a href="http://www.assistly.com/about-us/" class="selected">About Us</a></li> | \n'); 
	else
		document.write('<li><a href="http://www.assistly.com/about-us/">About Us</a></li> | \n'); 
	if (title=='blog')	
		document.write('<li><a href="http://blog.assistly.com/" class="selected">Blog</a></li> | \n'); 
	else
		document.write('<li><a href="http://blog.assistly.com/">Blog</a></li> | \n'); 

	document.write('<li>Product</li> | \n'); 
	document.write('<li>Pricing</li> | \n'); 
	document.write('<li>Support</li>\n'); 

/*
	if (title=='product')
		document.write('<li><a href="http://www.assistly.com/product/" class="selected">Product</a></li> | \n'); 
	else
		document.write('<li><a href="http://www.assistly.com/product/">Product</a></li> | \n'); 
	if (title=='pricing')
		document.write('<li><a href="http://www.assistly.com/pricing/" class="selected">Pricing</a></li> | \n'); 
	else
		document.write('<li><a href="http://www.assistly.com/pricing/">Pricing</a></li> | \n'); 
	if (title=='contact')
		document.write('<li><a href="http://www.assistly.com/contactus/" class="selected">Contact Us</a></li> | \n'); 
	else
		document.write('<li><a href="http://www.assistly.com/contactus/">Contact Us</a></li> | \n'); 
	if (title=='support')
		document.write('<li><a href="http://www.assistly.com/support/" class="selected">Support</a></li>\n'); 
	else
		document.write('<li><a href="http://www.assistly.com/support/">Support</a></li>\n'); 
*/		

		
	document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n'); 
	document.write('</ul>\n'); 
	document.write('<a href="http://twitter.com/assistly" alt="follow assistly on Twitter" title="follow assistly on Twitter"><img src="http://www.assistly.com/images/newtwitter.png" id="twitterbird"></a></h2>\n'); 

    document.write('</div><!-- header -->\n');
	document.write('<img src="http://www.assistly.com/images/comingsoon.png" id="comingsoon" />\n');
}

function printFooter(title)
{
	
	document.write('<div id="footer">\n');
	document.write('<div class="thick-divider"></div>\n'); 	 
	
	document.write('<div class="centered-content">\n');
	
	document.write('<ul id="nav">\n'); 
	if (title=='home')
		document.write('<li><a href="http://www.assistly.com/" class="selected">Home</a></li> | \n');
	else
		document.write('<li><a href="http://www.assistly.com/">Home</a></li> | \n');
/*	if (title=='product')
		document.write('<li><a href="http://www.assistly.com/product/" class="selected">Product</a></li> | \n'); 
	else
		document.write('<li><a href="http://www.assistly.com/product/">Product</a></li> | \n'); 
	if (title=='pricing')
		document.write('<li><a href="http://www.assistly.com/pricing/" class="selected">Pricing</a></li> | \n'); 
	else
		document.write('<li><a href="http://www.assistly.com/pricing/">Pricing</a></li> | \n'); 
*/
	if (title=='about-us')	
		document.write('<li><a href="http://www.assistly.com/about-us/" class="selected">About Us</a></li> | \n'); 
	else
		document.write('<li><a href="http://www.assistly.com/about-us/">About Us</a></li> | \n'); 
	if (title=='blog')	
		document.write('<li><a href="http://blog.assistly.com/" class="selected">Blog</a></li>\n'); 
	else
		document.write('<li><a href="http://blog.assistly.com/">Blog</a></li>\n');

//	document.write('<li>Product</li> | \n'); 
//	document.write('<li>Pricing</li> | \n'); 
//	document.write('<li>Support</li>\n'); 

		 

/*
	if (title=='contact')
		document.write('<li><a href="http://www.assistly.com/contactus/" class="selected">Contact Us</a></li> | \n'); 
	else
		document.write('<li><a href="http://www.assistly.com/contactus/">Contact Us</a></li> | \n'); 
	if (title=='support')
		document.write('<li><a href="http://www.assistly.com/support/" class="selected">Support</a></li>\n'); 
	else
		document.write('<li><a href="http://www.assistly.com/support/">Support</a></li>\n'); 
*/
	document.write('</ul>\n');
	
	document.write('<p>Copyright 2009-2010 Assistly, Inc. all rights reserved.</p>');
	document.write('</div><!--centered-content-->\n');
	document.write('</div><!-- /#footer --> \n');
//	document.write('<img src="http://www.assistly.com/images/comingsoon.png" id="comingsoon2" />\n');
	
}

function changeProductNav(title)
{
	switch(title)
	{
	case 'customer':
		document.getElementById('agent-content').style.display='none';
		document.getElementById('agent-overview').style.display='none';
		document.getElementById('agentcaret').style.display='none';
		document.getElementById('agent-link').setAttribute("class", null);

		document.getElementById('administration-content').style.display='none';
		document.getElementById('administration-overview').style.display='none';
		document.getElementById('administrationcaret').style.display='none';
		document.getElementById('administration-link').setAttribute("class", null);
		
		document.getElementById('reporting-content').style.display='none';					
		document.getElementById('reporting-overview').style.display='none';
		document.getElementById('reportingcaret').style.display='none';
		document.getElementById('reporting-link').setAttribute("class", null);

		document.getElementById('saas-content').style.display='none';					
		document.getElementById('saas-overview').style.display='none';
		document.getElementById('saascaret').style.display='none';
		document.getElementById('saas-link').setAttribute("class", null);
		
		document.getElementById('customerportal-content').style.display = 'block';
		document.getElementById('customerportal-overview').style.display='block';
		document.getElementById('customerportalcaret').style.display='block';
 		document.getElementById('customerportal-link').setAttribute("class", "selected");

		document.getElementById('product-sub-nav').innerHTML = '<ul id="nav"><li><a href="#" class="selected" onClick="changeProductNav(\'customer\');return false">Customer Portal</a></li> | <li><a href="#" onClick="changeProductNav(\'agent\');return false">Next - Agent Desktop</a></li></ul>'
		
		break;

	case 'agent':
		document.getElementById('customerportal-content').style.display = 'none';
		document.getElementById('customerportal-overview').style.display='none';
		document.getElementById('customerportalcaret').style.display='none';
		document.getElementById('customerportal-link').setAttribute("class", null);

		document.getElementById('reporting-content').style.display='none';		
		document.getElementById('reporting-overview').style.display='none';
		document.getElementById('reportingcaret').style.display='none';
		document.getElementById('reporting-link').setAttribute("class", null);
		
		document.getElementById('administration-content').style.display='none';
		document.getElementById('administration-overview').style.display='none';
		document.getElementById('administrationcaret').style.display='none';
		document.getElementById('administration-link').setAttribute("class", null);

		document.getElementById('saas-content').style.display='none';					
		document.getElementById('saas-overview').style.display='none';
		document.getElementById('saascaret').style.display='none';
		document.getElementById('saas-link').setAttribute("class", null);
					
		document.getElementById('agent-content').style.display='block';
		document.getElementById('agent-overview').style.display='block';
		document.getElementById('agentcaret').style.display='block';	
		document.getElementById('agent-link').setAttribute("class", "selected");	

		document.getElementById('product-sub-nav').innerHTML = '<ul id="nav"><li><a href="#" onClick="changeProductNav(\'customer\');return false">Previous - Customer Portal</a></li> | <li><a href="#" class="selected" onClick="changeProductNav(\'agent\');return false">Agent Desktop</a></li> | <li><a href="#" onClick="changeProductNav(\'reporting\');return false">Next - Reporting</a></li></ul>'

		break;
		
	case 'reporting':
		document.getElementById('customerportal-content').style.display = 'none';
		document.getElementById('customerportal-overview').style.display='none';
		document.getElementById('customerportalcaret').style.display='none';
		document.getElementById('customerportal-link').setAttribute("class", null);

		document.getElementById('agent-content').style.display='none';
		document.getElementById('agent-overview').style.display='none';
		document.getElementById('agentcaret').style.display='none';
		document.getElementById('agent-link').setAttribute("class", null);
		
		document.getElementById('administration-content').style.display='none';
		document.getElementById('administration-overview').style.display='none';
		document.getElementById('administrationcaret').style.display='none';
		document.getElementById('administration-link').setAttribute("class", null);

		document.getElementById('saas-content').style.display='none';					
		document.getElementById('saas-overview').style.display='none';
		document.getElementById('saascaret').style.display='none';
		document.getElementById('saas-link').setAttribute("class", null);
					
		document.getElementById('reporting-content').style.display='block';					
		document.getElementById('reporting-overview').style.display='block';
		document.getElementById('reportingcaret').style.display='block';
		document.getElementById('reporting-link').setAttribute("class", "selected");

		document.getElementById('product-sub-nav').innerHTML = '<ul id="nav"><li><a href="#" onClick="changeProductNav(\'agent\');return false">Previous - Agent Desktop</a></li> | <li><a href="#" class="selected" onClick="changeProductNav(\'reporting\');return false">Reporting</a></li> | <li><a href="#" onClick="changeProductNav(\'administration\');return false">Next - Administration</a></li></ul>'

		break;
		
	case 'administration':
		document.getElementById('customerportal-content').style.display = 'none';
		document.getElementById('customerportal-overview').style.display='none';
		document.getElementById('customerportalcaret').style.display='none';
		document.getElementById('customerportal-link').setAttribute("class", null);

		document.getElementById('agent-content').style.display='none';
		document.getElementById('agent-overview').style.display='none';
		document.getElementById('agentcaret').style.display='none';	
		document.getElementById('agent-link').setAttribute("class", null);

		document.getElementById('reporting-content').style.display='none';
		document.getElementById('reporting-overview').style.display='none';
		document.getElementById('reportingcaret').style.display='none';
		document.getElementById('reporting-link').setAttribute("class", null);
		
		document.getElementById('administration-content').style.display='block';
		document.getElementById('administration-overview').style.display='block';
		document.getElementById('administrationcaret').style.display='block';
		document.getElementById('administration-link').setAttribute("class", "selected");
							
		document.getElementById('product-sub-nav').innerHTML = '<ul id="nav"><li><a href="#" onClick="changeProductNav(\'reporting\');return false">Previous - Reporting</a></li> | <li><a href="#" class="selected" onClick="changeProductNav(\'administration\');return false">Administration</a></li> | <li><a href="#" onClick="changeProductNav(\'saas\');return false">Next - Software as a Service</a></li></ul>'
		break;
		
	case 'saas':
		document.getElementById('agent-content').style.display='none';
		document.getElementById('agent-overview').style.display='none';
		document.getElementById('agentcaret').style.display='none';	
		document.getElementById('agent-link').setAttribute("class", null);

		document.getElementById('reporting-content').style.display='none';
		document.getElementById('reporting-overview').style.display='none';
		document.getElementById('reportingcaret').style.display='none';
		document.getElementById('reporting-link').setAttribute("class", null);

		document.getElementById('customerportal-content').style.display = 'none';
		document.getElementById('customerportal-overview').style.display='none';
		document.getElementById('customerportalcaret').style.display='none';
		document.getElementById('customerportal-link').setAttribute("class", null);

		document.getElementById('administration-content').style.display='none';
		document.getElementById('administration-overview').style.display='none';
		document.getElementById('administrationcaret').style.display='none';
		document.getElementById('administration-link').setAttribute("class", null);
		
		document.getElementById('saas-content').style.display='block';					
		document.getElementById('saas-overview').style.display='block';
		document.getElementById('saascaret').style.display='block';
		document.getElementById('saas-link').setAttribute("class", "selected");

		document.getElementById('product-sub-nav').innerHTML = '<ul id="nav"><li><a href="#" onClick="changeProductNav(\'administration\');return false">Previous - Administration</a></li> | <li><a href="#" class="selected" onClick="changeProductNav(\'saas\');return false">Software as a Service</a></li></ul>'
		
		break;
	default:
		//nothing to execute here
	}
	
}

function generateEmailLink(emailaddress)
{
	domain = 'assistly&#46;com';
	email = emailaddress + '&#64;' + domain;
	document.write('<a href="mailto:' + email + '">' + email + '<\/a>');
}