// css fixes
var css = "mozilla";
if(xBrowser.agent.indexOf("safari") > -1) css = "safari";
document.write('<link rel="stylesheet" type="text/css" href="css/' + css + '.css" />');
	
// populate content
function populate()
{
	var __AWARD 				= "award";
	var __TOPICS				= "topics";
	var __HEADER				= "header";
	var __BULLETS				= "bullets";
	var __PROJECT_LINK			= "projectLink"; 
	var __PROJECT_NAME 			= "projectName";
	var __PROJECT_CLIENT 		= "projectClient";
	var __PROJECT_DISPLAY_URL 	= "projectDisplayURL";
	var __CSS_LEFT				= "main-content-body-left-";
	var __CSS_RIGHT				= "main-content-body-right-";
	
	document.title = projectName;

	var a = [__PROJECT_NAME,__PROJECT_CLIENT,__PROJECT_DISPLAY_URL];

	// left
	for(var i=0;i<a.length;i++)
	{
		var txt = this[a[i]];
		var domElement = document.getElementById(__CSS_LEFT + a[i]);
		
		switch(a[i])
		{
			case __AWARD:
				txt = txt.toLowerCase();
			  break;
			
			case __PROJECT_NAME:
			case __PROJECT_CLIENT:
			  break;
			
			case __PROJECT_DISPLAY_URL:
				txt = "<a href='" + this[__PROJECT_LINK] + "' target='_blank'>"  + txt + "</a>";
			  break;
		}
		
		domElement.innerHTML = txt;
	}

	// right
	txt = "";
	domElement = document.getElementById(__CSS_RIGHT + __TOPICS);
	for(var ii=0;ii<topics.length;ii++)
	{
		txt += "<div id='" + __CSS_RIGHT + __TOPICS + "-" + __HEADER + "'>" + topics[ii].title + "</div>";
		txt += "<div id='" + __CSS_RIGHT + __TOPICS + "-" + __BULLETS + "'>";
		txt += "<ul>";
		for(var iii=0;iii<topics[ii].bullets.length;iii++)
		{
			txt += "<li>" + topics[ii].bullets[iii] + "</li>";
		}
		txt += "</ul></div>";
	}
	domElement.innerHTML = txt;
	
	// fix ul bullets hack
	var a = document.getElementsByTagName("ul");
	for(var j=0;j<a.length;j++) { a[j].style.listStyleImage = "url('images/small_circle.png')"; }
};