var relativePath = "";

var ID 			= 0;
var LABEL 		= 1;
var URL			= 2;

// variables for statistics
var sver	= 10;
var navlan	= "";
var plug	= "";
var screensize	= "";
var colors	= "";
var navlan	= "";
var plug	= "";
var ref		= "";
var sURL	= "";
var nav		= "";
var version	= "";
var java	= "";

// navigation
var currentCategory = null;
var categories = new Array();
categories[categories.length] = new Array("home","Home","index.html");
categories[categories.length] = new Array("me","This is me!","me.htm");
categories[categories.length] = new Array("sanrafael","Real life Larkspur","sanrafael.htm");
categories[categories.length] = new Array("gallery","Gallery","gallery.htm");
categories[categories.length] = new Array("resume","Resume","resume.htm");
categories[categories.length] = new Array("guestbook","Guestbook","http://htmlgear.lycos.com/guest/control.guest?u=connysvensson&i=1001&a=view");
categories[categories.length] = new Array("pixits","Pixits","pixits.htm");

function initialize() // initializes the page 
{
  reloadPage(true);
}

function toggleImage(id, over) {
	var img = document.images[id];
	var newSrc = relativePath+"images/"+id;
	if (over) newSrc += "_on.jpg";
	else newSrc += ".gif";
	img.src = newSrc;
}

function getStatistics() {
	sver=13;
	ref = escape(document.referrer)+"";
	sUrl = escape(document.URL)+"";
	if((ref=="") || (ref=="undefined")){ref="bookmark";};
	nav=navigator.appName;
	if(nav.substring(0,9)=="Microsoft"){nav="MSIE";};
	version=Math.round(parseFloat(navigator.appVersion)*100);
	if((nav=="MSIE") && (parseInt(version)==2)){version=301;};java="";
	if(navigator.appName=="Netscape"){ if(version>400) navlan=navigator.language;
	if(version>300)for(var i=0;i<navigator.plugins.length;i++)plug +=navigator.plugins[i].name+":"};
	java=(navigator.javaEnabled()==true)?"y":"n";
	screensize=screen.width+"*"+screen.height;
	colors=(nav=="MSIE")?screen.colorDepth:screen.pixelDepth;
	if(colors=="undefined"){colors="";};
}

function renderStatistics() {
	getStatistics();	
	var arguments = "&nav="+nav+"&version="+version+"&screensize="+screensize+"&colors="+colors+"&sver="+sver;
	arguments += "&java="+java+"&rf="+ref+"&navlan="+navlan+"&plug="+escape(plug)+"&sUrl="+sUrl;
	var html = "<A HREF='http://www.stats4all.com/asp/login.asp?sSiteName=connysvensson' target=_blank><IMG BORDER=0 SRC='http://www.hit.stats4all.com/asp/hit.asp?sSiteName=connysvensson" + arguments + "&sExtra=None' width=1 height=1></A>";
	return html;
}

function renderStylesheets() // render html for stylesheet
{
  var html = ""; 
  	  html += "<style>\n";
	  html += ".mainbody {background-color:#FFFFFF; color:#333333; padding:0px; margin:0px}\n";
	  html += "a {color:#666666}\n";
	  html += "h4 {color:#333333; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold}\n";
	  html += "h5 {color:#333333; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold}\n";
	  html += ".body {color:#333333; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}\n";
	  html += ".navigation {color:#666666; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px}\n";
	  html += ".breadcrumb {color:#666666; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px}\n";
	  html += ".copyright {color:#999999; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px}\n";
	  html += ".title {color:#333333; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold;}\n";
	  html += ".sectionHeader {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#333333;}\n";
	  html += ".diaryTitle {color:#333333; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold}\n";
	  html += "</style>\n";
  document.write(html);
}

function getNavigation() {
	var imgPath = relativePath+"images/";
	var html = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr>";
    html += "      <td background=\""+imgPath+"top_left.gif\"><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"35\"></td>";
    html += "      <td background=\""+imgPath+"top_middle.gif\" align=\"center\" valign=\"top\" colspan=\"3\"><img src=\""+imgPath+"navigation.gif\" width=\"129\" height=\"15\" vspace=\"9\"></td>";
    html += "      <td background=\""+imgPath+"top_right.gif\"><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"35\"></td>";
    html += "    </tr><tr>";
    html += "      <td>&nbsp;</td>";
    html += "      <td width=\"1\"><img src=\""+imgPath+"clear.gif\" width=\"10\" height=\"10\"></td><td width=\"100%\" class=\"navigation\">";
	for (var i = 0; i < categories.length; i++) {
		if (currentCategory == categories[i][ID]) html += "&#149; "+categories[i][LABEL];
		else html += "&#149; <a href=\""+relativePath+categories[i][URL]+"\">"+categories[i][LABEL]+"</a>";
		if (i < categories.length-1) html += "<br><br>\n";
	}
    html += "      </td><td width=\"1\"><img src=\""+imgPath+"clear.gif\" width=\"10\" height=\"10\"></td>";
    html += "      <td>&nbsp;</td>";
    html += "    </tr><tr>"; 
    html += "      <td background=\""+imgPath+"bottom_left.gif\"><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"35\"></td>";
    html += "      <td background=\""+imgPath+"bottom_middle.gif\" colspan=\"3\">&nbsp;</td>";
    html += "      <td background=\""+imgPath+"bottom_right.gif\"><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"35\"></td>";
    html += "    </tr></table>";
	return html;
}

function renderHeader(title, breadcrumb) {
	var imgPath = relativePath+"images/";
	var html ="";
	html += "<a name=top><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr>";
	html += "    <td background=\""+imgPath+"stripes.gif\"><img src=\""+imgPath+"header.gif\" width=\"573\" height=\"99\">"+renderStatistics()+"<br><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"8\"></td>";
	html += "  </tr><tr>";
	html += "    <td><table width=\"100%%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr>";
	html += "          <td background=\""+imgPath+"topline.gif\" width=\"100%\">&nbsp;</td>";
	html += breadcrumb;
	html += "		  <td background=\""+imgPath+"topline.gif\"><img src=\""+imgPath+"clear.gif\" width=\"15\" height=\"30\"></td>";
	html += "        </tr></table></td></tr></table><br>";
	html += "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr> ";
	html += "    <td rowspan=\"2\"><img src=\""+imgPath+"clear.gif\" width=\"15\" height=\"10\"></td>";
	html += "    <td valign=\"top\">";
	html += getNavigation();
	html += "      <img src=\""+imgPath+"clear.gif\" width=\"200\" height=\"10\"></td>";
	html += "    <td rowspan=\"2\"><img src=\""+imgPath+"clear.gif\" width=\"15\" height=\"10\"></td>";
	html += "    <td width=\"100%\" rowspan=\"2\" valign=\"top\">";
	html += "      <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr> ";
	html += "          <td background=\""+imgPath+"top_left.gif\"><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"35\"></td>";
	html += "          <td background=\""+imgPath+"top_middle.gif\" align=\"center\" valign=\"top\" colspan=\"3\"><img src=\""+imgPath+"content.gif\" width=\"94\" height=\"14\" vspace=\"8\"></td>";
	html += "          <td background=\""+imgPath+"top_right.gif\"><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"35\"></td>";
	html += "        </tr><tr>";
	html += "          <td>&nbsp;</td>";
	html += "          <td width=\"1\"><img src=\""+imgPath+"clear.gif\" width=\"10\" height=\"10\"></td>";
	html += "          <td width=\"100%\" class=\"body\">";
	html += "          <p class=\"title\" align=\"center\">"+title+"</p><br>";
	
	document.write(html);
}

function renderFooter() {
	var imgPath = relativePath+"images/";
	var html = "   </td><td width=\"1\"><img src=\""+imgPath+"clear.gif\" width=\"10\" height=\"10\"></td>";
    html += "      <td>&nbsp;</td>";
    html += "   </tr><tr> ";
    html += "      <td background=\""+imgPath+"bottom_left.gif\"><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"35\"></td>";
    html += "      <td background=\""+imgPath+"bottom_middle.gif\" colspan=\"3\">&nbsp;</td>";
    html += "      <td background=\""+imgPath+"bottom_right.gif\"><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"35\"></td>";
    html += "   </tr></table></td>";
    html += "   <td rowspan=\"2\"><img src=\""+imgPath+"clear.gif\" width=\"15\" height=\"10\"></td>";
    html += "</tr><tr>";
    html += "   <td valign=\"bottom\"><span class=\"copyright\"></span></td>";
    html += "</tr></table>";
	
	document.write(html);
}

function getBreadcrumb(categoryID, extraBread) {
	var bread = "";
	var imgPath = relativePath+"images/";
	if (categoryID != null) {
		if (categoryID != "home") bread += getCategoryLink("home")+" &gt; ";
		if (extraBread != null && extraBread != "") {
			bread += getCategoryLink(categoryID) + " &gt; ";
		} else {
			bread += getCategory(categoryID)[LABEL];
			currentCategory = categoryID;
		}
	}
	if (extraBread != null && extraBread != "") bread += extraBread;
	if (bread != "") {
		var html = "<td background=\""+imgPath+"bc_left.gif\"><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"30\"></td>";
		html += "<td background=\""+imgPath+"bc_middle.gif\" class=\"breadcrumb\" nowrap>&nbsp;"+bread+"&nbsp;</td>";
		html += "<td background=\""+imgPath+"bc_right.gif\"><img src=\""+imgPath+"clear.gif\" width=\"8\" height=\"30\"></td>";
		return html;
	} else {
		return "";
	}
}

function getCategory(id) {
	for (var i = 0; i < categories.length; i++)
		if (categories[i][ID] == id) return categories[i];
	return null;
}

function getCategoryLink(categoryID) {
	var category = getCategory(categoryID);
	return "<a href=\""+relativePath+category[URL]+"\">"+category[LABEL]+"</a>";
}

function renderSectionHeader(text) {
	var imgPath = relativePath+"images/";
	var html = "<br><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\"><tr>";
	html += "<td height=\"1\"><img src=\""+imgPath+"section_left.gif\" width=\"25\" height=\"3\"></td>";
	html += "<td width=\"100%\" height=\"1\" background=\""+imgPath+"section_middle.gif\"><img src=\""+imgPath+"clear.gif\" width=\"1\" height=\"1\"></td>";
	html += "<td height=\"1\"><img src=\""+imgPath+"section_right.gif\" width=\"25\" height=\"3\"></td>";
	html += "</tr></table><p class=\"sectionHeader\" align=\"center\">"+text+"</p>";
	document.write(html);
}

function popupImage(path,width,height) {
	window.open(path,"imageWindow","toolbar=no,location=no,menubar=no,resizable=no,left=20,top=20,width="+width+",height="+height);
}

function jumpMenu(selObj){ 
  var path = selObj.options[selObj.selectedIndex].value;
  if ( path != "" ) location.href = path;
  selObj.selectedIndex = 0;
}

initialize();