var cmpNRev = false
var cmpDRev = false
var cmpSRev = false
var cmpTRev = false
var selectedRow = -1

function rowData( name, key, date, size, type, image ) {
	this.name   = name
	this.key   = key
	this.date   = date
	this.size   = size
	this.type   = type
	this.image = image
}

function cmpName( a, b ) {
	if ( a.name > b.name ) { return (cmpNRev) ? -1 : 1 }
	if ( b.name > a.name ) { return (cmpNRev) ? 1 : -1 }
	return 0
}

function cmpDate( a, b ) {
	if ( a.date > b.date ) { return (cmpDRev) ? -1 : 1 }
	if ( b.date > a.date ) { return (cmpDRev) ? 1 : -1 }
	return 0
} 

function cmpSize( a, b ) {
	if ( a.size > b.size ) { return (cmpSRev) ? -1 : 1 }
	if ( b.size > a.size ) { return (cmpSRev) ? 1 : -1 }
	return 0
}

function cmpType( a, b ) {
	if ( a.type > b.type ) { return (cmpTRev) ? -1 : 1 }
	if ( b.type > a.type ) { return (cmpTRev) ? 1 : -1 }
	return 0
}

function selectRow( i ) {

	var a;

	if ( selectedRow != -1 ) {
		a = eval( "explore.document.all.row" + selectedRow + ".style" )
		a.backgroundColor = "#eeeeee";
		a.color = "black";
	}
		
	a = eval( "explore.document.all.row" + i + ".style" )
	a.backgroundColor = "navy";
	a.color = "white";
	selectedRow = i;
}

function fmtTableHeader() {

	var output = "<tr bgcolor=\"#AAAA99\">\n";
	output += "<td colspan=4>\n";
	output += "<table border=0 cellpadding=0 cellspacing=1>\n";
	output += "<tr>\n";
	output += "<td colspan=4><table border=0 cellpadding=0 cellspacing=0 width=100%><tr bgcolor=\"#CCCCCC\">\n";

	if (document.all) {
		output += "<td width=10% id=MENU1 style=\"cursor:hand\" onmouseover=\"parent.highLight('MENU1');parent.showMenu('FILE')\" onmouseout=\"parent.lowLight('MENU1')\" ><font face=\"arial,helvetica\" size=2>&nbsp;<U>F</U>ile</font></td>\n";
		output += "<td width=10% id=MENU2 style=\"cursor:hand\" onmouseover=\"parent.highLight('MENU2');parent.showMenu('EDIT')\" onmouseout=\"parent.lowLight('MENU2')\" ><font face=\"arial,helvetica\" size=2>&nbsp;<U>E</U>dit</font></td>\n";
		output += "<td width=10% id=MENU3 style=\"cursor:hand\" onmouseover=\"parent.highLight('MENU3');parent.showMenu('VIEW')\" onmouseout=\"parent.lowLight('MENU3')\" ><font face=\"arial,helvetica\" size=2>&nbsp;<U>V</U>iew</font></td>\n";
		output += "<td width=12% id=MENU4 style=\"cursor:hand\" onmouseover=\"parent.highLight('MENU4');parent.showMenu('SHARING')\" onmouseout=\"parent.lowLight('MENU4')\" ><font face=\"arial,helvetica\" size=2>&nbsp;<U>S</U>haring</font></td>\n";
		output += "<td width=10% id=MENU5 style=\"cursor:hand\" onmouseover=\"parent.highLight('MENU5');parent.showMenu('HELP')\" onmouseout=\"parent.lowLight('MENU5')\" ><font face=\"arial,helvetica\" size=2>&nbsp;<U>H</U>elp</font></td>\n";
	}
	else {
		output += "<td width=10%><font face=\"arial,helvetica\" size=2>&nbsp;<a href=\"javascript:parent.showMenu('FILE')\" onmouseover=\"javascript:parent.showMenu('FILE')\"><U>F</U>ile</a></font></td>\n";
		output += "<td width=10%><font face=\"arial,helvetica\" size=2><a href=\"javascript:parent.showMenu('EDIT')\" onmouseover=\"javascript:parent.showMenu('EDIT')\"><U>E</U>dit</a></font></td>\n";
		output += "<td width=10%><font face=\"arial,helvetica\" size=2><a href=\"javascript:parent.showMenu('VIEW')\" onmouseover=\"javascript:parent.showMenu('VIEW')\"><U>V</U>iew</a></font></td>\n";
		output += "<td width=12%><font face=\"arial,helvetica\" size=2><a href=\"javascript:parent.showMenu('SHARING')\" onmouseover=\"javascript:parent.showMenu('SHARING')\"><U>S</U>haring</a></font></td>\n";
		output += "<td width=10%><font face=\"arial,helvetica\" size=2><a href=\"javascript:parent.showMenu('HELP')\" onmouseover=\"javascript:parent.showMenu('HELP')\"><U>H</U>elp</a></font></td>\n";
	}
	output += "<td width=50%>&nbsp;</td>\n";
	output += "</tr></table></td>\n";
	output += "</tr>\n";

	output += "<tr bgcolor=\"#E7E7D6\">\n";

	output += "<td><a href=\"Javascript:document.write( parent.tableFrame( parent.cmpName ) ); document.close(); parent.cmpNRev = !parent.cmpNRev\"><img src=\"images/button_name.gif\" width=180 height=18 border=0></a></td>\n";

	output += "<td><a href=\"Javascript:document.write( parent.tableFrame( parent.cmpType ) ); document.close(); parent.cmpTRev = !parent.cmpTRev\"><img src=\"images/button_type.gif\" width=100 height=18 border=0></a></td>\n";

	output += "<td><a href=\"Javascript:document.write( parent.tableFrame( parent.cmpSize ) ); document.close(); parent.cmpSRev = !parent.cmpSRev\"><img src=\"images/button_size.gif\" width=50 height=18 border=0></a></td>\n";

	output += "<td><a href=\"Javascript:document.write( parent.tableFrame( parent.cmpDate ) ); document.close(); parent.cmpDRev = !parent.cmpDRev\"><img src=\"images/button_mod.gif\" width=100 height=18 border=0></a></td>\n";

	output += "</tr>\n";

	return output
}

function fmtTableFooter( numObjects, totalSize ) {

	var output = "<tr valign=middle bgcolor='#dcdcdc'>"
	output += "<td width='100%' colspan=4><font face=\"Arial,Helvetica\" size=1><b>&nbsp;Browsing:&nbsp;&nbsp;" + inFolder
	if (numObjects == 1) {
		output += " [ " + numObjects + " item, "
	} else {
		output += " [ " + numObjects + " items, "
	}
		output += totalSize + "KB ]</b></font></td></tr>\n</table>\n"


	return output
}


function fmtTableRow( data, ndx ) {

	splitDate = data.date.split(':');
	printDate = splitDate[1] + "/" + splitDate[2] + "/" + splitDate[0] + " " + splitDate[3] + ":" + splitDate[4]; 
	//var date = new Date( data.date )
	//var img = ( data.image != null ) ? data.image : ( data.type == "Folder" ) ? "images/icon_folder.gif" : "images/icon_file.gif"
	if (data.type == "Folder") { 
		var img = "images/icon_folder.gif"; 
		var printName = data.name.slice(1);
	} else {
		var img = "images/icon_file.gif"; 
		var printName = data.name;
	}
	
	var output = "<tr valign=middle bgcolor='#eeeeee'>\n"
	
	output += "<td><table border=0 cellpadding=1 cellspacing=0><tr><td valign=top>\n";
	output += "<img src=" + img + " align=abstop ";
	output += "onclick=\"parent.selectRow('"+ndx+"', '"+ data.key +"')\">";
	output += "</td><td valign=bottom><div id=\"div"+ndx+"\" style=\"position:relative;\"><a href=\"javascript:parent.selectRow('"+ndx+"', '"+ data.key +"')\"><font face=\"Arial,Helvetica\" size=1>&nbsp;" + printName + "</font></a></div></td></tr></table></td>\n";
	
	output += "<td><font face=\"Arial,Helvetica\" size=1>&nbsp;" + data.type + "</font></td>\n";
	if (data.type == "Folder") { 
		output += "<td>&nbsp;</td>\n"
	} else {
		output += "<td><font face=\"Arial,Helvetica\" size=1>&nbsp;" + data.size + "KB</font></td>\n"
	}	
	output += "<td><font face=\"Arial,Helvetica\" size=1>&nbsp;" + printDate + "</font></td>\n"
	output += "</tr>\n"

	return output
	//output += "<td><table border=0 cellpadding=1 cellspacing=0><tr><td valign=top>\n"
	//output += "<img src=" + img + " align=abstop "
	//output += "onclick=\"parent.selectRow(" + ndx +");'></td>"
	//output += "<td valign=bottom><label ID=row" + ndx + " "
	//output += "onclick=\"parent.selectRow(" + ndx +");'><font face=\"Arial,Helvetica\" size=1>&nbsp;" + printName + "</font></label>" + "</td></tr></table></td>\n"
	//output += "<td><font face=\"Arial,Helvetica\" size=1>&nbsp;" + data.type + "</font></td>\n"
}


function tableFrame( cmpFunc ) {

	var output = "<HTML>\n";
	output += "<HEAD>\n";
	output += "<TITLE>JustOn VFS Navigation Demo V1.0</TITLE>\n";
	output += "</HEAD>\n";
	output += "<body bgcolor=#FFFFFF link=\"#000000\" vlink=\"#000000\" alink=\"#000000\">\n";
//	if (document.all) {
//		output += "<div id=PAGE style=\"position:absolute; top:8; left:8\" onclick=\"parent.hideMenu()\">";
//	}
	output += "<table border=0 cellpadding=0 cellspacing=0 width=100% height=100% onclick=\"parent.hideMenu()\"><tr><td valign=top align=left>\n";
	output += "<form>\n";
	output += "<table border=0 cellpadding=2 cellspacing=0>\n";

	output += fmtTableHeader()
	
	if ( cmpFunc != null )
		rowArray.sort( cmpFunc )

	var data, totalSize = 0
	for ( var i = 0; i < rowArray.length; i++ ) {
		data = rowArray[i]
		output += fmtTableRow( data, i )
		totalSize += data.size
	}

	output += fmtTableFooter( rowArray.length, totalSize )
	output += "</table></form><p><hr>\n"
	output += "<font size='-1' face=arial>Use your mouse to explore the tree, pull down menus, select files or sort columns.<br><i><font size=-2>Note: this interface will only work with MS Internet Explorer 5.5 or greater.</font></i></td></tr></table>\n"

	
	if (document.all) {

		output += "<div id=FILE style=\"position:absolute; top:-200; left:11\" onblur=hideMenu();>";
		output += "<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#CCCCCC\">";
		output += "<tr><td bgcolor=\"#EEEEEE\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#EEEEEE\"><img src=\"images/spacer.gif\" width=1 height=1></td><td>";
		output += "<table cellpadding=0 cellspacing=0 width=100>";

		output += "<tr><td bgcolor=\"#CCCCCC\" id=FILE1 style=\"cursor:hand\" onmouseover=\"parent.highLight('FILE1')\" onmouseout=\"parent.lowLight('FILE1')\" onclick=\"parent.setAction('NEW','FILE')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;New Folder</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=FILE2 style=\"cursor:hand\" onmouseover=\"parent.highLight('FILE2')\" onmouseout=\"parent.lowLight('FILE2')\" onclick=\"parent.setAction('UPLOAD','FILE')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Upload File</font>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=FILE3 style=\"cursor:hand\" onmouseover=\"parent.highLight('FILE3')\" onmouseout=\"parent.lowLight('FILE3')\" onclick=\"parent.setAction('DOWNLOAD','FILE')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Download File</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=FILE4 style=\"cursor:hand\" onmouseover=\"parent.highLight('FILE4')\" onmouseout=\"parent.lowLight('FILE4')\" onclick=\"parent.setAction('DELETE','FILE')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Delete</font>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=FILE5 style=\"cursor:hand\" onmouseover=\"parent.highLight('FILE5')\" onmouseout=\"parent.lowLight('FILE5')\" onclick=\"parent.setAction('RENAME','FILE')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Rename</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=FILE6 style=\"cursor:hand\" onmouseover=\"parent.highLight('FILE6')\" onmouseout=\"parent.lowLight('FILE6')\" onclick=\"parent.setAction('PROPERTIES','FILE')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Properties</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=FILE7 style=\"cursor:hand\" onmouseover=\"parent.highLight('FILE7')\" onmouseout=\"parent.lowLight('FILE7')\" onclick=\"parent.setAction('CANCEL','FILE')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Cancel</font>";	
	}
	else {
		output += "<div id=FILE style=\"position:absolute; top:-200; left:11\" onblur=hideMenu();>";
		output += "<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#CCCCCC\">";
		output += "<tr><td bgcolor=\"#EEEEEE\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#EEEEEE\"><img src=\"images/spacer.gif\" width=1 height=1></td><td>";
		output += "<table cellpadding=0 cellspacing=0 width=100>";

		output += "<tr><td bgcolor=\"#CCCCCC\" id=FILE1>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('NEW','FILE')\">&nbsp;&nbsp;New Folder</a></font><br>";
		output += "<img src=\"images/black.gif\" width=100 height=1><br>";
	
		output += "</td></tr><tr><td bgcolor=\"#CCCCCC\" id=FILE2 onmouseover=\"parent.highLight('FILE2')\" onmouseout=\"parent.lowLight('FILE2')\">";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('UPLOAD','FILE')\">&nbsp;&nbsp;Upload File</a></font>";

		output += "</td></tr><tr><td bgcolor=\"#CCCCCC\" id=FILE3 onmouseover=\"parent.highLight('FILE3')\" onmouseout=\"parent.lowLight('FILE3')\">";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('DOWNLOAD','FILE')\">&nbsp;&nbsp;Download File</a></font><br>";
		output += "<img src=\"images/black.gif\" width=100 height=1><br>";
		output += "</td></tr><tr><td bgcolor=\"#CCCCCC\" id=FILE4 onmouseover=\"parent.highLight('FILE4')\" onmouseout=\"parent.lowLight('FILE4')\">";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('DELETE','FILE')\">&nbsp;&nbsp;Delete</a></font><br>";
		output += "</td></tr><tr><td bgcolor=\"#CCCCCC\" id=FILE5 onmouseover=\"parent.highLight('FILE5')\" onmouseout=\"parent.lowLight('FILE5')\">";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('RENAME','FILE')\">&nbsp;&nbsp;Rename</a></font><br>";
		output += "<img src=\"images/black.gif\" width=100 height=1><br>";
		output += "</td></tr><tr><td bgcolor=\"#CCCCCC\" id=FILE6 onmouseover=\"parent.highLight('FILE6')\" onmouseout=\"parent.lowLight('FILE6')\">";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('PROPERTIES','FILE')\">&nbsp;&nbsp;Properties</a></font><br>";
		output += "<img src=\"images/black.gif\" width=100 height=1><br>";
		output += "</td></tr><tr><td bgcolor=\"#CCCCCC\" id=FILE7 onmouseover=\"parent.highLight('FILE7')\" onmouseout=\"parent.lowLight('FILE7')\">";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('CANCEL','FILE')\">&nbsp;&nbsp;Cancel</a></font><br>";

	}
	output += "</td></tr></table></td><td bgcolor=\"#444444\"><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
	output += "<tr><td bgcolor=\"#444444\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
	output += "</table>";
	output += "</div>";

	if (document.all) {
		output += "<div id=EDIT style=\"position:absolute; top:-200; left:55\">";
		output += "<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#CCCCCC\">";
		output += "<tr><td bgcolor=\"#EEEEEE\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#EEEEEE\"><img src=\"images/spacer.gif\" width=1 height=1></td><td>";
		output += "<table cellpadding=0 cellspacing=0 width=100>";

		output += "<tr><td bgcolor=\"#CCCCCC\" id=EDIT1 style=\"cursor:hand\" onmouseover=\"parent.highLight('EDIT1')\" onmouseout=\"parent.lowLight('EDIT1')\" onclick=\"parent.setAction('COPY','EDIT')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Copy</font>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=EDIT2 style=\"cursor:hand\" onmouseover=\"parent.highLight('EDIT2')\" onmouseout=\"parent.lowLight('EDIT2')\" onclick=\"parent.setAction('MOVE','EDIT')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Move</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=EDIT3 style=\"cursor:hand\" onmouseover=\"parent.highLight('EDIT3')\" onmouseout=\"parent.lowLight('EDIT3')\" onclick=\"parent.setAction('FIND','EDIT')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Find</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=EDIT4 style=\"cursor:hand\" onmouseover=\"parent.highLight('EDIT4')\" onmouseout=\"parent.lowLight('EDIT4')\" onclick=\"parent.setAction('CANCEL','EDIT')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Cancel</font>";	
	}
	else {
		output += "<div id=EDIT style=\"position:absolute; top:-200; left:50\">";
		output += "<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#CCCCCC\">";
		output += "<tr><td bgcolor=\"#EEEEEE\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#EEEEEE\"><img src=\"images/spacer.gif\" width=1 height=1></td><td>";
		output += "<table cellpadding=0 cellspacing=0 width=100>";

		output += "<tr>";
		output += "<td bgcolor=\"#CCCCCC\">";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('COPY','EDIT')\">&nbsp;&nbsp;Copy</a></font><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('MOVE','EDIT')\">&nbsp;&nbsp;Move</a></font><br>";
		output += "<img src=\"images/black.gif\" width=100 height=1><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('FIND','EDIT')\">&nbsp;&nbsp;Find</a></font><br>";
		output += "<img src=\"images/black.gif\" width=100 height=1><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('CANCEL','EDIT')\">&nbsp;&nbsp;Cancel</a></font><br>";
	}
	
		output += "</td></tr></table></td><td bgcolor=\"#444444\"><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#444444\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "</table>";
		output += "";
		output += "</div>";

	if (document.all) {
		output += "<div id=VIEW style=\"position:absolute; top:-200; left:99\">";
		output += "<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#CCCCCC\">";
		output += "<tr><td bgcolor=\"#EEEEEE\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#EEEEEE\"><img src=\"images/spacer.gif\" width=1 height=1></td><td>";
		output += "<table cellpadding=0 cellspacing=0 width=100>";

		output += "<tr><td bgcolor=\"#CCCCCC\" id=VIEW1 style=\"cursor:hand\" onmouseover=\"parent.highLight('VIEW1')\" onmouseout=\"parent.lowLight('VIEW1')\" onclick=\"parent.setAction('PREFS','VIEW')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Preferences</font>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=VIEW2 style=\"cursor:hand\" onmouseover=\"parent.highLight('VIEW2')\" onmouseout=\"parent.lowLight('VIEW2')\" onclick=\"parent.setAction('TOOLBARS','VIEW')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Toolbars</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=VIEW3 style=\"cursor:hand\" onmouseover=\"parent.highLight('VIEW3')\" onmouseout=\"parent.lowLight('VIEW3')\" onclick=\"parent.setAction('REFRESH','VIEW')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Refresh</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=VIEW4 style=\"cursor:hand\" onmouseover=\"parent.highLight('VIEW4')\" onmouseout=\"parent.lowLight('VIEW4')\" onclick=\"parent.setAction('CANCEL','VIEW')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Cancel</font>";	
	}
	else {
		output += "<div id=VIEW style=\"position:absolute; top:-200; left:94\">";
		output += "<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#CCCCCC\">";
		output += "<tr><td bgcolor=\"#EEEEEE\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#EEEEEE\"><img src=\"images/spacer.gif\" width=1 height=1></td><td>";
		output += "<table cellpadding=0 cellspacing=0 width=100>";

		output += "<tr>";
		output += "<td bgcolor=\"#CCCCCC\">";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('PREFS','VIEW')\">&nbsp;&nbsp;Preferences</a></font><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('TOOLBARS','VIEW')\">&nbsp;&nbsp;Toolbars</a></font><br>";
		output += "<img src=\"images/black.gif\" width=100 height=1><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('REFRESH','VIEW')\">&nbsp;&nbsp;Refresh</a></font><br>";
		output += "<img src=\"images/black.gif\" width=100 height=1><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('CANCEL','VIEW')\">&nbsp;&nbsp;Cancel</a></font><br>";
	}
	output += "</td></tr></table></td><td bgcolor=\"#444444\"><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
	output += "<tr><td bgcolor=\"#444444\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
	output += "</table>";
	output += "";
	output += "</div>";

	if (document.all) {
		output += "<div id=SHARING style=\"position:absolute; top:-200; left:142\">";
		output += "<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#CCCCCC\">";
		output += "<tr><td bgcolor=\"#EEEEEE\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#EEEEEE\"><img src=\"images/spacer.gif\" width=1 height=1></td><td>";
		output += "<table cellpadding=0 cellspacing=0 width=130>";

		output += "<tr><td bgcolor=\"#CCCCCC\" id=SHARING1 style=\"cursor:hand\" onmouseover=\"parent.highLight('SHARING1')\" onmouseout=\"parent.lowLight('SHARING1')\" onclick=\"parent.setAction('SHAREFILE','SHARING')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Share File</font>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=SHARING2 style=\"cursor:hand\" onmouseover=\"parent.highLight('SHARING2')\" onmouseout=\"parent.lowLight('SHARING2')\" onclick=\"parent.setAction('SHAREFOLDER','SHARING')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Share Folder</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=SHARING3 style=\"cursor:hand\" onmouseover=\"parent.highLight('SHARING3')\" onmouseout=\"parent.lowLight('SHARING3')\" onclick=\"parent.setAction('EMAIL','SHARING')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Email File</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=SHARING4 style=\"cursor:hand\" onmouseover=\"parent.highLight('SHARING4')\" onmouseout=\"parent.lowLight('SHARING4')\" onclick=\"parent.setAction('SHOW','SHARING')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Show Neighborhood</font>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=SHARING5 style=\"cursor:hand\" onmouseover=\"parent.highLight('SHARING5')\" onmouseout=\"parent.lowLight('SHARING5')\" onclick=\"parent.setAction('HIDE','SHARING')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Hide Neighborhood</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=SHARING6 style=\"cursor:hand\" onmouseover=\"parent.highLight('SHARING6')\" onmouseout=\"parent.lowLight('SHARING6')\" onclick=\"parent.setAction('CANCEL','SHARING')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Cancel</font>";	
	}
	else {
		output += "<div id=SHARING style=\"position:absolute; top:-200; left:137\">";
		output += "<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#CCCCCC\">";
		output += "<tr><td bgcolor=\"#EEEEEE\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#EEEEEE\"><img src=\"images/spacer.gif\" width=1 height=1></td><td>";
		output += "<table cellpadding=0 cellspacing=0 width=130>";

		output += "<tr>";
		output += "<td bgcolor=\"#CCCCCC\">";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('SHAREFILE','SHARING')\">&nbsp;&nbsp;Share File</a></font><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('SHAREFOLDER','SHARING')\">&nbsp;&nbsp;Share Folder</a></font><br>";
		output += "<img src=\"images/black.gif\" width=160 height=1><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('EMAIL','SHARING')\">&nbsp;&nbsp;Email File</a></font><br>";
		output += "<img src=\"images/black.gif\" width=160 height=1><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('SHOW','SHARING')\">&nbsp;&nbsp;Show Neighborhood</a></font><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('HIDE','SHARING')\">&nbsp;&nbsp;Hide Neighborhood</a></font><br>";
		output += "<img src=\"images/black.gif\" width=160 height=1><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('CANCEL','SHARING')\">&nbsp;&nbsp;Cancel</a></font><br>";
	}
	output += "</td></tr></table></td><td bgcolor=\"#444444\"><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
	output += "<tr><td bgcolor=\"#444444\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
	output += "</table>";
	output += "";
	output += "</div>";

	if (document.all) {
		output += "<div id=HELP style=\"position:absolute; top:-200; left:195\">";
		output += "<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#CCCCCC\">";
		output += "<tr><td bgcolor=\"#EEEEEE\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#EEEEEE\"><img src=\"images/spacer.gif\" width=1 height=1></td><td>";
		output += "<table cellpadding=0 cellspacing=0 width=120>";

		output += "<tr><td bgcolor=\"#CCCCCC\" id=HELP1 style=\"cursor:hand\" onmouseover=\"parent.highLight('HELP1')\" onmouseout=\"parent.lowLight('HELP1')\" onclick=\"parent.setAction('HELP','HELP')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Help Me</font>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=HELP2 style=\"cursor:hand\" onmouseover=\"parent.highLight('HELP2')\" onmouseout=\"parent.lowLight('HELP2')\" onclick=\"parent.setAction('FAQ','HELP')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Juston FAQ</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=HELP3 style=\"cursor:hand\" onmouseover=\"parent.highLight('HELP3')\" onmouseout=\"parent.lowLight('HELP3')\" onclick=\"parent.setAction('HOME','HELP')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Juston Homepage</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=HELP4 style=\"cursor:hand\" onmouseover=\"parent.highLight('HELP4')\" onmouseout=\"parent.lowLight('HELP4')\" onclick=\"parent.setAction('ABOUT','HELP')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;About Juston</font>";
		output += "</td></tr><tr><td align=center><img src=\"images/black.gif\" width=95% height=1>";
	
		output += "<tr><td bgcolor=\"#CCCCCC\" id=HELP5 style=\"cursor:hand\" onmouseover=\"parent.highLight('HELP5')\" onmouseout=\"parent.lowLight('HELP5')\" onclick=\"parent.setAction('CANCEL','HELP')\">";
		output += "<font face=\"arial,helvetica\" size=2>&nbsp;&nbsp;Cancel</font>";	
	}
	else {
		output += "<div id=HELP style=\"position:absolute; top:-200; left:190\">";
		output += "<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#CCCCCC\">";
		output += "<tr><td bgcolor=\"#EEEEEE\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
		output += "<tr><td bgcolor=\"#EEEEEE\"><img src=\"images/spacer.gif\" width=1 height=1></td><td>";
		output += "<table cellpadding=0 cellspacing=0 width=120>";

		output += "<tr>";
		output += "<td bgcolor=\"#CCCCCC\">";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('HELP','HELP')\">&nbsp;&nbsp;Help Me</a></font><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('FAQ','HELP')\">&nbsp;&nbsp;FAQ</a></font><br>";
		output += "<img src=\"images/black.gif\" width=120 height=1><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('HOME','HELP')\">&nbsp;&nbsp;Juston Homepage</a></font><br>";
		output += "<img src=\"images/black.gif\" width=120 height=1><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('ABOUT','HELP')\">&nbsp;&nbsp;About Juston</a></font><br>";
		output += "<img src=\"images/black.gif\" width=120 height=1><br>";
		output += "<font face=\"arial,helvetica\" size=2><a href=\"Javascript:parent.setAction('CANCEL','HELP')\">&nbsp;&nbsp;Cancel</a></font><br>";
	}
	output += "</td></tr></table></td><td bgcolor=\"#444444\"><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
	output += "<tr><td bgcolor=\"#444444\" colspan=3><img src=\"images/spacer.gif\" width=1 height=1></td></tr>";
	output += "</table>";
	output += "";
	output += "</div>";

	output += "</td></tr></table>";
	output += "</form>";

	output += "</p></body></html>\n"

	
	return output
}