//===================
//		
//	NAVBAR
//
//===================
function drawNav(p) {		
	var str = '';
	// top bar
	str += '<div id="frm_topbar">';
		str += '<div class="topbartext">stonebreaker</div>';
		str += '<div class="topbartext2">designs</div>';
	str += '&nbsp;</div>';

	// navbar
	str += '<div id="frm_nav">';
	 	str += '<div id="navlogo">';
			str += '<a href="'+p+'index.htm" ><img src="'+p+'logo.jpg" width="100" height="101" alt="" border="0"></a>';
		str += '</div>';
		str += '<div class="level1"><a href="'+p+'sites/directedit.htm" >About \'Direct-Edit\'</a></div>';
		str += '<div class="level2"><a href="'+p+'sites/directedit.htm" >Anyone with a browser can contribute to a website</a></div>';
	
		str += '<div class="level1"><a href="http://www.stonebreakerdesigns.com/cgi-bin/tidehelp/show_home.cgi"  style="color:#ff6600;">Tideline2006</a></div>';
		str += '<div class="level2"><a href="http://www.stonebreakerdesigns.com/cgi-bin/tidehelp/show_home.cgi" >Flexible community website.</a></div>';
	
		str += '<div class="level1"><a href="'+p+'marketplace/about.htm"  style="color:#ff6600;">Marketplace2006</a></div>';
		str += '<div class="level2"><a href="'+p+'marketplace/about.htm" >Community of sellers join in a single website marketplace. </a></div>';
	
		str += '<div class="level1"><a href="'+p+'sites/kidsfirst.htm"  style="color:#ff6600;">Interpelago Portal</a></div>';
		str += '<div class="level2"><a href="'+p+'sites/kidsfirst.htm" >The secure communications portal for your school</a></div>';
	
		str += '<div class="level1">';
			str += '<a href="'+p+'sites/websites.htm" >Website Gallery</a><br>';
			str += '<a href="'+p+'about.htm"  >Experience</a><br>';
			str += '<a href="'+p+'awards.htm"  >Awards</a><br>';
			str += '<a href="'+p+'contact.htm"  >Contact Me</a><br>';
			str += '<a href="'+p+'index.htm"  >Home</a>';
		str += '</div>';
	str += '</div>';
	document.writeln(str);
}

function drawTitle(strT1, strT2, dx) {		
	var str = '';
	var aT2 = strT2.split();
	// top bar
	str += '<div id="h1shadow">';
			str += strT1;
			str += '<div class="h1" style="left:'+dx+'px;">';
				for (var i = 0; i < strT2.length; i++) {
					if (i != 0) { str += '&middot;'; }
					//str += '&nbsp;';
					str += strT2.charAt(i);
				}
			str += '</div>';
	str += '</div>';
	document.writeln(str);
}

function drawTidelineNav() {		
	var str = '';
		str += '<div id="tidenavbar">';
			str += 'Overview &nbsp;'; 
			str += '<a href="about.htm" class="tidenav">About</a> &middot ';
			str += '<a href="pages.htm" class="tidenav">Features</a> &middot ';
			str += '<a href="edtools.htm" class="tidenav">Editor Tools</a> &middot ';
			//str += '<a href="ideas.htm" class="tidenav">Idea Book</a> &middot ';
			str += '<a href="technotes.htm" class="tidenav">Technical</a> &middot ';
			str += '<a href="order.htm" class="tidenav">Order Your Copy</a> ';
			str += '<br>Support &nbsp;'; 
			str += '<a href="help-viewer.htm" class="tidenav">Viewer Guide</a> &middot ';
			str += '<a href="help-editor.htm" class="tidenav">Editor Guide</a> &middot ';
			str += '<a href="help-faq.htm" class="tidenav">FAQ</a>';
		str += '</div>';
	document.writeln(str);
}
function drawMarketplaceNav() {		
	var str = '';
		str += '<div id="tidenavbar">';
			str += 'Overview &nbsp;'; 
			str += '<a href="about.htm" class="tidenav">About</a> &middot ';
			str += '<a href="pages.htm" class="tidenav">Features</a> &middot ';
			str += '<a href="edtools.htm" class="tidenav">Administrator Tools</a> &middot ';
			//str += '<a href="ideas.htm" class="tidenav">Idea Book</a> &middot ';
			str += '<a href="technotes.htm" class="tidenav">Technical</a> &middot ';
			str += '<a href="order.htm" class="tidenav">Order Your Copy</a> ';
			str += '<br>Support &nbsp;'; 
			str += '<a href="help-viewer.htm" class="tidenav">Viewer Guide</a> &middot ';
			str += '<a href="help-member.htm" class="tidenav">Member Guide</a> &middot ';
			str += '<a href="help-editor.htm" class="tidenav">Administrator Guide</a> &middot ';
			str += '<a href="help-faq.htm" class="tidenav">FAQ & Tips</a>';
		str += '</div>';
	document.writeln(str);
}
function drawMA(strMA) {
	 var str = '';
	 while (strMA.indexOf(',,,', 0) > 0) {
	  	strMA= strMA.replace(',,,', '@');
	 }
	 while (strMA.indexOf('***', 0) > 0) {
	  	strMA= strMA.replace('***', '.');
	 }
	 str = '<a href="'+'mai';
	 str += 'lt'+'o:'+strMA+'">'+strMA+'</a>';
	 document.writeln(str);
}



//===================
//		
//	DOM
//
//===================
var isDHTML = 0;
var isID = 0;
var isAll = 0;
var isLayers = 0;

if (document.getElementById) {isID = 1; isDHTML = 1;}
else	{
	if (document.all) {isAll = 1; isDHTML = 1;}
	else {
		browserVersion = parseInt(navigator.appVersion);
		if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {isLayers=1; isDHTML = 1;}
	}
}

function getDOM(objID,fStyle) {
	if (fStyle == 1) {
		if (isID) {return (document.getElementById(objID).style);}
		else {
			if (isAll) {return (document.all[objID].style);}
			else {
				if (isLayers) {return (document.layers[objID]);}
			}
		}
	}
	else {
		if (isID) {return (document.getElementById(objID));}
		else {
			if (isAll) {return (document.all[objID]);}
			else {
				if (isLayers) {return (document.layers[objID]);}
			}
		}	
	}
}

// ****** OBJECT INFO FUNCTIONS ***********
// Objects have to have ID to turn them into CSS layer that can be accessed
function getWidth (objID){
	var dom = getDOM(objID,0);
	if (dom.offsetWidth) return dom.offsetWidth;
	else if (com.clip.width) return dom.clip.width;
	return (null);
}
function getHeight (objID){
	var dom = getDOM(objID,0);
	if (dom.offsetHeight) return dom.offsetHeight;
	else if (com.clip.height) return dom.clip.height;
	return (null);
}
function getLeft (objID){
	var dom = getDOM(objID,0);
	var domStyle = getDOM(objID,1);
	var xLeft = 0;
	if (domStyle.left) { xLeft = domStyle.left; }
	else if (domStyle.pixelLeft) { xLeft = domStyle.pixelLeft; }
	else if (dom.offsetLeft) { xLeft = dom.offsetLeft; }
	return parseInt(xLeft);
}
function getTop (objID){
	var dom = getDOM(objID,0);
	var domStyle = getDOM(objID,1);
	var yTop = 0;
	if (domStyle.top) { yTop = domStyle.top; }
	else if (domStyle.pixelTop) { yTop = domStyle.pixelTop; }
	else if (dom.offsetTop) { yTop = dom.offsetTop; }
	return parseInt(yTop);
}
// CAUTION: To find zIndex you first have to set zIndex in code!
function getZ (objID){
	var domStyle = getDOM(objID,1);
	if (domStyle.zIndex != null) return domStyle.zIndex;
	return (null);
}	
function setZ (objID, nZ){
	var domStyle = getDOM(objID,1);
	domStyle.zIndex = nZ;
}	
// CAUTION: To find visibility you first have to set visibility in code!
function getVisibility (objID){
	var domStyle = getDOM(objID,1);
	if ((domStyle.visibility == 'show') || (domStyle.visibility == 'visible')) return 'visible';
	return 'hidden';
}	
function setVisibility (objID, szState){
	var domStyle = getDOM(objID,1);
	domStyle.visibility = szState;
}	
function switchVisibility (objID){
	var domStyle = getDOM(objID,1);
	var szState = domStyle.visibility;
	if ((szState == 'hidden') || (szState == 'hide')) {
		domStyle.visibility = 'visible';
	}
	else {
		domStyle.visibility = 'hidden';
	}
}