var topbar_rooturl = "http://cubiccreative.org";
var topbar_css = '<link href="'+topbar_rooturl+'/topbar/topbar_css.css" rel="stylesheet" type="text/css" /><!--[if lt IE 7]><link href="'+topbar_rooturl+'/topbar/topbar_css_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->';

function topbar_button(url,title,pic) {
	document.write('<li><a href="'+topbar_rooturl+url+'" title="'+title+'"><img class="tbr_menu" src="'+topbar_rooturl+'/topbar/images/topbar_btn_'+pic+'.png" height="35" /></a></li>')
}

function topbar_writecss() {
	document.write(topbar_css);
}

function topbar_writehtml(cmd) {
	document.write('<div id="topbar">');
	if(cmd == "isroot")
		document.write('<img id="tbr_logo" src="'+topbar_rooturl+'/topbar/images/topbar_logo.png" width="193" height="35" align="left" />');
	else
		document.write('<a href="'+topbar_rooturl+'" title="Cubic Creative"><img id="tbr_logo" src="'+topbar_rooturl+'/topbar/images/topbar_logo.png" width="193" height="35" align="left" /></a>');
	document.write('<ul style="left: -10px; position: relative;">');
	topbar_button('/activity','Activities','activity');
	topbar_button('/blog','Cubic Blog','blog');
	topbar_button('/about','About Us','about');
	topbar_button('/contact','Contact Us','contact');
	document.write('</ul></div>')
}