// JavaScript Document

	var HomeHeaderNav, AppsHeaderNav, PressHeaderNav, ContactusHeaderNav
	
	if (pagename == "Home")
	{
		HomeHeaderNav = "<a href='index.html'>Home</a>"
	}

	if (pagename == "Apps")
	{
		AppsHeaderNav = "<a href='apps.html'>apps</a>"
	}

	if (pagename == "forum")

	{
		ContactusHeaderNav = '<a href="http://fizzyapps.com/forum">forum</a>'
	}


	
	if (pagename == "press")
	{
		PressHeaderNav = "<a href='press.html'>press</a>"
	}
	
	if (pagename == "contactus")
	{
		ContactusHeaderNav = "<a href='contact.html'>contact us</a>"
	}
	
	
	
<!-- Header  -->


document.write('<div id="nav-bg">');
document.write('<ul>');
	if (pagename == "Home") {
		document.write('<li class="on"><span><a href="index.html">home</a></span></li>');
	} else {
		document.write('<li class="off" onmouseover="this.className=\'on\'" onmouseout="this.className=\'off\'"><span><a href="index.html">home</a></span></li>');
	}
	
	if (pagename == "Apps"){
		document.write('<li class="on" ><span><a href="apps.html">apps</a></span></li>');
	} else {
		document.write('<li class="off" onmouseover="this.className=\'on\'" onmouseout="this.className=\'off\'"><span><a href="apps.html">apps</a></span></li>');
	}

    if (pagename == "forum"){
    
   	 document.write('<li class="on" ><span><a href="http://fizzyapps.com/forum">forum</a></span></li> ');
    
    } else {
    
    	document.write(' <li class="off" onmouseover="this.className=\'on\'" onmouseout="this.className=\'off\'"><span><a href="forum">forum</a></span></li>');
    
    }
	
	if (pagename == "press"){
		document.write('<li class="on" ><span><a href="press.html">press</a></span></li>');
	} else {
		document.write('<li class="off" onmouseover="this.className=\'on\'" onmouseout="this.className=\'off\'"><span><a href="press.html">press</a></span></li>');
	}
	
	if (pagename == "contactus"){
		document.write('<li class="end" ><span><a href="contact.html">contact us</a></span></li>');
	} else {
		document.write('<li class="off last" onmouseover="this.className=\'end\'" onmouseout="this.className=\'off last\'"><span><a href="contact.html">contact us</a></span></li>');
	}
document.write('</ul>');
document.write('</div>');


<!-- Header  -->