// functions for popup color setting menu



function setClass (elId, newClass) {
	var elObj = document.getElementById(elId);
	var searchBkColor = /\bBkColor\d\d/g; //search and remove this pattern
	var searchColor   = /\bColor\d\d/g;
	var currentClass = elObj.className;

	if (newClass.search(searchBkColor)!=-1) {
			currentClass = currentClass.replace(searchBkColor,'')+' '+newClass;
	}
	else if (
			newClass.search(searchColor)!=-1) {
			currentClass = currentClass.replace(searchColor,'') +' '+newClass;
	};
	
	elObj.className = currentClass;
	createCookie(elId, currentClass); 

}


function setPosition (elementId, newPosition) {
var elObj = document.getElementById(elementId);
	elObj.style.textAlign = newPosition;
	createCookie(elementId+'position', newPosition);
}

function setBorder (elementId, newBorder) {
	var elementObj = document.getElementById(elementId);
	elementObj.style.border =  newBorder;
    createCookie(elementId+'border', newBorder);
}

function writeoptiontablerow (headtext, targetid, bk) {
	var suffix = 0; var suff = ''; var flag = ''; 
	var text = ((bk=='Bk') ?' ' : '•');
    document.write('<tr><th width="180">'+headtext+'</th>');
	do 	{  
		suff = ((100+suffix)+'').slice(1);
		document.write(
			'<td width="16" class="'+bk+'Color'+suff+'" onClick="setClass(\''+targetid+'\', this.className);">'+text+'</td>');
	} while (++suffix < 34)
	document.write( '</tr>' );
}
function writeoptiontable() {
	    document.write(  '<div id="colortablewrapper">' );
	    document.write(  '<table width="800" border="0" cellspacing="0" cellpadding="0" id="colortable">' );
        writeoptiontablerow('Browser background', 'bodyid', 'Bk');
		writeoptiontablerow('Pictures background', 'wrapper', 'Bk');
		writeoptiontablerow('Header background', 'banner', 'Bk');
		writeoptiontablerow('Header text', 'bannertext', '');
		writeoptiontablerow('Menu background', 'p7menubar', 'Bk');
		document.write( '</table>' );
		document.write( '<p>' );
	    document.write( 'Banner Text: <a href="javascript:setPosition(\'bannertext\',\'left\');"     >left</a> | ' );
		document.write( '<a href="javascript:setPosition(\'bannertext\',\'center\');"   >center</a> ; ' );
		document.write( 'Page Border: <a href="javascript:setBorder(\'wrapper\',\'1px solid #ccc\');">on</a> |');
		document.write( ' <a href="javascript:setBorder(\'wrapper\',\'0px\');"           >off</a>  ;<br />');
	    document.write( 'Menu Text: <a href="javascript:setClass(\'p7menubar\',\'Color00\');"      >white</a>  | ');
		document.write( ' <a href="javascript:setClass(\'p7menubar\',\'Color33\');"      >black</a> ; ');
		document.write( 'Body Text: <a href="javascript:setClass(\'content\', \'Color00\'); setClass(\'sidebar\', \'Color00\');">white</a> |' );
		document.write( ' <a href="javascript:setClass(\'content\', \'Color00\'); setClass(\'sidebar\', \'Color99\');">black</a> ;'); 
		document.write( '   [ <a href="javascript:showhide(\'colortablewrapper\');">EXIT</a> ]  </p>'); 
		document.write( '</div>');	
}
function initcolortable() {

var n,v;

n='bodyid'; v=readCookie(n);
if (v) { setClass(n,v);}
n='banner'; v=readCookie(n);
if (v)  { setClass(n,v);}
n='bannertext'; v=readCookie(n);
if (v) { setClass(n,v);}
n='menuwrapper'; v=readCookie(n);
if (v) { setClass(n,v);}
n='p7menubar'; v=readCookie(n);
if (v) { setClass(n,v);}
n='wrapper'; v=readCookie(n);
if (v) { setClass(n,v);}
n='bannertextpos'; v=readCookie(n);
if (v) { document.getElementById('bannertext').style.textAlign = v; }
n='wrapperborder'; v=readCookie(n);
if (v) { document.getElementById('wrapper').style.border = v; }
n='p7menubartext'; v = readCookie(n);

}