	// this determines where the little red box goes
	// basically a focus for the section that we're in
	function pageLoad() {
		//alert(document.location.href);

		// chop off the front
		var re  = /.*\.com\//;
		var str = document.location.href;
		str     = str.replace(re, "");

		// split up now
		var re = /\//;
		arr    = str.split(re);

		// set the correct red square
		var str = '<center><div style="display: table; height: 20px;  #position: relative; overflow: hidden;"><div style="#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;"><div style=" #position: relative; #top: -50%"><div id="red_box"></div></div></div></div></center>';

		if ( (arr[0] == '') || (arr[0] == 'i.html') || (arr[0] == 'index.html') ) {
			document.getElementById('nav0').innerHTML = '[ ' + document.getElementById('nav0').innerHTML + ' ]';
			document.getElementById('nav0_selected').innerHTML = str;
		} else if (arr[0] == 'services') {
			document.getElementById('nav1').innerHTML = '[ ' + document.getElementById('nav1').innerHTML + ' ]';
			document.getElementById('nav1_selected').innerHTML = str;
		} else if (arr[0] == 'portfolio') {
			document.getElementById('nav2').innerHTML = '[ ' + document.getElementById('nav2').innerHTML + ' ]';
			document.getElementById('nav2_selected').innerHTML = str;
		} else if (arr[0] == 'news') {
			document.getElementById('nav3').innerHTML = '[ ' + document.getElementById('nav3').innerHTML + ' ]';
			document.getElementById('nav3_selected').innerHTML = str;
		} else if (arr[0] == 'clients') {
			document.getElementById('nav4').innerHTML = '[ ' + document.getElementById('nav4').innerHTML + ' ]';
			document.getElementById('nav4_selected').innerHTML = str;
		} else if (arr[0] == 'contact') {
			document.getElementById('nav5').innerHTML = '[ ' + document.getElementById('nav5').innerHTML + ' ]';
			document.getElementById('nav5_selected').innerHTML = str;
		}
	}

	function mouseOver(t) {
		var id       = t.id;
		var new_id   = id + '_selected';
		var selected = document.getElementById(new_id);
		selected.innerHTML = '*';

		// remove leading bracket
		var re       = /\[ /;
		var str      = t.innerHTML;
		t.innerHTML  = str.replace(re, " ");

		// remove trailing bracket
		var re       = / \]/;
		var str      = t.innerHTML;
		t.innerHTML  = str.replace(re, " ");

		if (test == 0) {
			test++;
		}
	}

	function mouseOut(t) {
		var id       = t.id;
		var new_id   = id + '_selected';
		var selected = document.getElementById(new_id);
		selected.innerHTML = '';
	}

