function deFrame()
 {
 if (self!=top && location.pathname.indexOf(".pl")==-1 && location.pathname.indexOf(".rpl")==-1) open (location, top.name);
 self.name="ss";
 }

function setcookie(name, value)
{
var CookieExpires=new Date();
var time=90*24*60*60*1000;
CookieExpires.setTime(CookieExpires.getTime()+time);
document.cookie=name+"="+value+"; expires="+CookieExpires.toGMTString()+"; path=/; domain=.spacesurfer.com";
}

function getcookie(name)
{
var result=null;
var tmp=" "+name+"=";
var cookies=" "+document.cookie+";";
var start=cookies.indexOf(tmp);
var e=";";
var ef=location.search.indexOf("size")==-1;
if (!ef)
 {
 tmp="&"+name+"=";
 cookies="&"+location.search.substring(1);
 start=cookies.indexOf(tmp);
 e="&";
 }
if (start!=-1)
 {
 start+=tmp.length;
 end=cookies.indexOf(e, start);
 result=unescape(cookies.substring(start, end));
 }
return result;
}

function initCPanel()
 {
 cp_HTML='<table cellpadding=0 border=1 cellspacing=0 width='+(view/2.5)+' bgcolor="#ffffff"><tr><td align=center valign=middle> \
  <table cellpadding=0 border=0 cellspacing=0 width="100%"><tr><td id="map">&nbsp;</td><td id="map">Control Panel</td><td align=right id="map"><a href="/2/cpanel.html" id="map">?</a> <a href="javascript:closeCPanel()" id="map">X</a>&nbsp;</td> \
  <tr><td colspan=3 id="map"> \
   <table width=100%><tr><td> \
    <table width="100%"><tr><td valign=top align=right>Colour:</td><td valign=top><a href="javascript:setc('+"'"+'black'+"'"+')">Dark</a><br><a href="javascript:setc('+"'"+'white'+"'"+')">Bright</a><br><a href="javascript:setc('+"'"+'default'+"'"+')">Default</a></td><td align=right valign=top>Window:</td><td valign=top><a href="javascript:sets(620)">Small</a><br><a href="javascript:sets(700)">Medium</a><br><a href="javascript:sets(780)">Large</a><br><a href="javascript:sets(860)">Huge</a></td>\
    <tr><tr><td valign=top align=right>Font:</td><td colspan=3><a href="javascript:setf('+"'"+'tiny'+"'"+')">Tiny</a> <a href="javascript:setf('+"'"+'small'+"'"+')">Small</a> <a href="javascript:setf('+"'"+'medium'+"'"+')">Medium</a><br><a href="javascript:setf('+"'"+'large'+"'"+')">Large</a> <a href="javascript:setf('+"'"+'huge'+"'"+')">Huge</a> <a href="javascript:setf('+"'"+'default'+"'"+')">Default</a></td></table> \
   </td></table> \
  </td></table> \
 </td></table>';
 }

function openCPanel(event)
 {
 var e=document.getElementById("cpanel");
 e.innerHTML=cp_HTML;
 return false;
 }

function closeCPanel()
 {
 var e=document.getElementById("cpanel");
 e.innerHTML='';
 }

function setc(Colour)
{
setcookie("colour", Colour);
open(location, 'ss');
}

function sets(Size)
{
setcookie("size", Size);
open(location, 'ss');
}

function setf(Font)
{
setcookie("font", Font);
open(location, 'ss');
}

var style;
var view;
var font;
var cp_HTML;
var cp_x;
function sp_cpanel_init()
 {
 if (! document.getElementById("roottable"))
  return;
 clearInterval(sp_init_timer);

 var e=document.getElementById("logo");
 if (e == null) {
  return;
 }
 var re=/(.+\/)[^\/]+$/;
 re.exec(e.src);
 var root=RegExp.$1;

 var e=document.getElementById("roottable");
 e.style.visibility="visible";

 deFrame();
 style=getcookie("colour");
 view=getcookie("size");
 font=getcookie("font");

 if (style!="black" && style!="white" && style!="default")
  style="white";
 style+='.css';
 if (view<620 || view>1000)
  view=620;
 if (font!="tiny" && font!="small" && font!="medium" && font!="large" && font!="huge" && font!="default")
  font="small";
 font='f_'+font+'.css';

 initCPanel();

 e=document.getElementById("cp_colour");
 e.href=root+style;

 e=document.getElementById("cp_font");
 e.href=root+font;

 e=document.getElementById("sp_1");
 if (e)
  e.innerHTML=' <a class="map" onclick="return openCPanel(this)" href="">Style</a> |';

 e=document.getElementById("roottable");
 e.setAttribute("width", view);
 }

var sp_init_timer;
if (document.getElementById)
 sp_init_timer=setInterval("sp_cpanel_init()", 10);