document.write("<em><font size='-1'>Spring 2006</font></em>");
document.write("<br><br>");
document.write("<h3>INSC 598</h3>");
document.write("<h3>Digital Culture</h3>");
/*  Site index  */
document.write("<div id='siteIndex' style='position:absolute; visibility:hidden; width: 300px; border-style: solid; border-width: medium; border-color: #CC0000; padding: 20px; background-color: white;'>");
document.write("<img src='drag.gif' onmousedown='dragStart(event, &quot;siteIndex&quot;)' />");	

document.write("<br>");	

document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/self.htm'>Living the digital self</a><br>");
document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/ostracism.htm'>Oxtracising the digital self</a><br>");
document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/art.htm'>Expressing the digital self</a><br>");
document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/vision.htm'>Vision Dethroned</a><br>");
document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/docs.htm'>Documents morph</a><br>");
document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/truth.htm'>Effect of Large Numbers</a><br>");
document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/citizen.htm'>The Digital Citizen</a><br>");
document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/integrity.htm'>Integrity of Digital Data</a><br>");
document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/war.htm'>Fighting The Digital War</a><br>");
document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/guests.htm'>Guests</a><br>");
document.write("<a href='http://www.ischool.washington.edu/tabrooks/598_INCS/administration.html'>Administration</a><br>");


document.write("</div>");
/* .............. */

function Browser() 
{
	var ua, s, i;
	this.isIE		= false;
	this.isNS		= false;
	this.version 	= null;
	
	ua = navigator.userAgent;
	
	s = "MSIE";
	if (( i = ua.indexOf(s)) >= 0)
	{
	 this.isIE = true;
	 this.version = parseFloat(ua.substr(i + s.length));
	 return;
	}
	
	s = "Netscape6/";
	if ((i = ua.indexOf(s)) >= 0)
	{
		this.isNS = true;
		this.version = parseFloat(ua.substr(i + s.length));
		return;
	}
	
	s = "Gecko";
	if (( i = ua.indexOf(s)) >= 0) 
	{
		this.isNS = true;
		this.version = 6.1;
		return;
	}
}

var browser = new Browser();
var dragObj = new Object();
	dragObj.zIndex = 0;
	
function dragStart(event, id)
{
	var el;
	var x, y;
	
	dragObj.elNode = document.getElementById(id);
	
	if (browser.isIE)
	{
		x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
		y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
	}
	if (browser.isNS)
	{
		x = event.clientX + window.scrollX;
		y = event.clientY + window.scrollY;
	}
	
	dragObj.cursorStartX = x;
	dragObj.cursorStartY = y;
	dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
	dragObj.elStartTop  = parseInt(dragObj.elNode.style.top,  10);
	
	if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
	if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 0;
	
	dragObj.elNode.style.zIndex = ++dragObj.zIndex;
	
	if (browser.isIE)
	{
		document.attachEvent("onmousemove", dragGo);
		document.attachEvent("onmouseup",   dragStop);
		window.event.cancelBubble = true;
		window.event.returnValue = false;
	} 
	if (browser.isNS)
	{
		document.addEventListener("mousemove", dragGo,   true);
		document.addEventListener("mouseup",   dragStop, true); 
		event.preventDefault();
	}
	
}	

function dragGo(event)
{
	var x, y;
	
	if (browser.isIE)
	{
		x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
		y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
	}
	if (browser.isNS)
	{
		x = event.clientX + window.scrollX;
		y = event.clientY + window.scrollY;
	}
	
	dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
	dragObj.elNode.style.top = (dragObj.elStartTop + y - dragObj.cursorStartY) + "px";
	 
	if (browser.isIE)
	{
		window.event.cancelBubble = true;
		window.event.returnValue = false;
	}
	if (browser.isNS)
	{
		event.preventDefault();
	}
}

function dragStop(event)
{
	if (browser.isIE)
	{
		document.detachEvent("onmousemove", dragGo);
		document.detachEvent("onmouseup",   dragStop);
	}
	if (browser.isNS)
	{
		document.removeEventListener("mousemove", dragGo,   true);
		document.removeEventListener("mouseup",   dragStop, true); 
	}
}

function showOtherStuff(buttonID, thisStuff, stuffButtonLabel){
	// Get button
	var b = document.getElementById(buttonID);
	// Test button label
	if (b.value == 'Hide'){
	
		// Set button label to original label
		b.value = stuffButtonLabel;
		// Hide document
		var stuff = document.getElementById(thisStuff);
		stuff.style.visibility = 'hidden';
						
	} else {
		
		// Set button label
		b.value = "Hide";
					
		// Show document
		var width = document.body.clientWidth;
		var height = document.body.clientHeight;
		var scrollLeft = document.body.scrollLeft;
		var scrollTop = document.body.scrollTop;
		var stuff = document.getElementById(thisStuff);
		stuff.style.left = parseInt(scrollLeft) + 100;
		//stuff.style.left = parseInt(scrollLeft) + parseInt(width) - 370;
		stuff.style.top = parseInt(scrollTop) + 100;
		stuff.style.visibility = 'visible';	
	}
}

function showInsert(name) {
	 
	 var e;
	 
	 e = document.getElementById(name);
	 e.style.display="block";
}
	
function hideInsert(name) {
	 
	 var e;
	 
	 e = document.getElementById(name);
	 e.style.display="none";
}