/************************************************************
*           skin.js - part of web-sn skinner                *
*           copyright Simon Norris 2002                     *
*           email: si@web-sn.com                            *
*           EditAce home page: http://www.web-sn.com        *
*                                                           *
*           You may use or modify this script for           *
*           non-profit sites provided this copyright        *
*           notice remains unchanged.                       *
************************************************************/


var today = new Date();
var expiry = new Date(today.getTime() + 365 * 24 * 60 * 60 * 1000); // 1 year
    
function doSkin(skin) { 
   document.getElementById("skin").href='css/' + skin + '.css';
   document.cookie="skin=" + escape(skin) + "; expires=" + expiry.toGMTString() + "; path=/";
   if (document.all) {// Internet Explorer (and opera too but that's ok)
    var sel = document.getElementsByTagName("SELECT")
    for (i=0;i<sel.length;i++) { // hide and show all select boxes otherwise their colours won't change in IE (GRRRR!!!)
      sel[i].style.visibility = "hidden";
	  sel[i].style.visibility = "visible";
    }
   }
   var nu = navigator.userAgent.toLowerCase();
   var nu2 = (nu.indexOf("opera") != -1);
   if (nu2) {
    // reload for opera, as it doesn't support dynamic css switching
    window.location.reload();
   }

}
 
function drawSkinSelector() {
  if (document.getElementById) { // IE5+, NS6, Opera 6
   str = "";
   str += "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
   str += "<tr style=\"cursor:hand\">";
   str += "<td><b><small>Select Skin</small>:&nbsp;</td><td style=\"background-color:#696969\" class=\"skinitem\" onmouseover=\"this.className='skinitemover'\" onmouseout=\"this.className='skinitem'\"><img onclick=\"doSkin('default')\" width=\"16\" src=\"spacer.gif\" alt=\"Switch to Dimgray Skin\" /></td>";
   str += "<td style=\"background-color:#A0D0B8\" class=\"skinitem\" onmouseover=\"this.className='skinitemover'\" onmouseout=\"this.className='skinitem'\"><img onclick=\"doSkin('lightgreen')\" width=\"16\" src=\"spacer.gif\" alt=\"Switch to Lightgreen Skin\" /></td>";
   str += "<td style=\"background-color:#E7E7BD\" class=\"skinitem\" onmouseover=\"this.className='skinitemover'\" onmouseout=\"this.className='skinitem'\"><img onclick=\"doSkin('brown')\" width=\"16\" src=\"spacer.gif\" alt=\"Switch to Brown Skin\" /></td>";
   str += "<td style=\"background-color:silver\" class=\"skinitem\" onmouseover=\"this.className='skinitemover'\" onmouseout=\"this.className='skinitem'\"><img onclick=\"doSkin('silver')\" width=\"16\" src=\"spacer.gif\" alt=\"Switch to Silver Skin\" /></td>";
   str += "<td style=\"background-color:tan\" class=\"skinitem\" onmouseover=\"this.className='skinitemover'\" onmouseout=\"this.className='skinitem'\"><img onclick=\"doSkin('tan')\" width=\"16\" src=\"spacer.gif\" alt=\"Switch to Tan Skin\" /></td>";
   str += "<td style=\"background-color:darkblue\" class=\"skinitem\" onmouseover=\"this.className='skinitemover'\" onmouseout=\"this.className='skinitem'\"><img onclick=\"doSkin('darkblue')\" width=\"16\" src=\"spacer.gif\" alt=\"Switch to Darkblue Skin\" /></td>";
   str += "</tr></table>";
  }
  else {
    str = "<img src=\"/images/spacer.gif\">"; // not dom compliant, don't bother.
  }
  document.write(str);

}    

function browserChk() {  // write dummed-down CSS document for Netscape 4
	var nm = navigator.appName.indexOf("Netscape") != -1;
	var vers = parseInt(navigator.appVersion);
	if (nm && (vers == 4)) {
	  document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"/css/ns.css\">"); 
	}
}