// Code created by Tecmaniac and can be copied, if you use it, please mention tecmaniac.com 
// Explanatory notes removed - - - - - - - - - -

but0 = " IT Home Page   "
but1 = " IBM Mainframe   "
but2 = " Intranet         "
but3 = " Job Checker      "
but4 = " Report Checker   "
but5 = " Web              "
but6 = " Tecman IAC Ltd  "
but7 = " Web Links       "
hed1 = " tecmaniac.com/IT "
hed2 = " Mainframe/Intranet/Web"

var isIE=document.all?true:false;
var isNS6=!isIE&&document.getElementById?true:false;
var isNS4=document.layers?true:false;
var old=!isNS4&&!isNS6&&!isIE;
 
if (!isIE&&!isNS6){alert("This web site is designed for Internet Explorer (any version) or Netscape v.6 onwards. \n\n" +
    "Early versions of Netscape are not supported. \n\n" +
    "Please use IE or upgrade your version of Netscape if you get this message. Thank you.")  }

var width=screen.width
document.write('<STYLE TYPE="text/css">')  
if (width == 1024)
  { document.write('#text {position: absolute; top: 110; left: 210; width: 700px; z-index: 600}')
    document.write('#text1 {position: absolute; top: 110; left: 210; width: 550px; z-index: 600}')  }
else if (width == 1152)
  { document.write('#text {position: absolute; top: 110; left: 210; width: 800px; z-index: 600}')
    document.write('#text1 {position: absolute; top: 110; left: 210; width: 650px; z-index: 600}')  }
else if (width >= 1280)
  { document.write('#text {position: absolute; top: 110; left: 210; width: 900px; z-index: 600}')
    document.write('#text1 {position: absolute; top: 110; left: 200; width: 740px; z-index: 600}')  }
else
  { document.write('#text {position: absolute; top: 110; left: 200; width: 550px; z-index: 600}')
    document.write('#text1 {position: absolute; top: 110; left: 200; width: 340px; z-index: 600}')  }
document.write('</STYLE>')

var doc1=""	
doc1+='<div id="disPic1" STYLE="position:absolute;left:10px;top:10px;width:200; z-index: 955; "></div>'
doc1+='<div id="disPic2" STYLE="position:absolute;left:148px;top:70px;width:200; z-index: 600"></div>'
doc1+='<div id="disHed" STYLE="position:absolute;left:5px;top:5px;width:100%; z-index: 600; "></div>'
doc1+='<div id="disHedz" STYLE="position:absolute;left:5px;top:65px;width:190; z-index: 950;"></div>'
doc1+='<div id="disBox" STYLE="position:absolute;left:5px;top:65px;width:186px; z-index: 100;"></div>'
doc1+='<div id="disBut" STYLE="position:absolute; left:10px; top:165px; width:200px; z-index: 600;"></div>'
doc1+='<div id="disBtx" STYLE="position:absolute; left:30px; top:165px; width:200; z-index: 800; "></div>'
doc1+='<div id="diside" STYLE="position:absolute; left:10px; top:350px; width:180; z-index: 600; "></div>'

document.write(doc1);

function setHome() {var1="Home";genBox(460);}
function setIBM() {var1="IBM";genBox(460);}
function setIntra() {var1="Intra";genBox(460);}
function setIntAsp() {var1="IntAsp";genBox(460);}
function setIntXml() {var1="IntXml";genBox(460); if (!isIE) {XMLalert()};}
function setWeb() {var1="Web";genBox(460);}
function setLtd() {var1="Ltd";genBox(460);}
function setLinks() {var1="Links";genBox(460);}

function XMLalert(){alert("This XML page is designed for Internet Explorer only. \n\n" +
               "To see the XML features on this page, please view with IE. Thank you.") 
}

function preload(img) 
{ var a=new Image(); a.src=img; return a;} 
{	sw0a=preload('images/but-off.gif'); sw0b=preload('images/but-on.gif'); 
	sw1a=preload('images/but-off.gif'); sw1b=preload('images/but-on.gif');
	sw2a=preload('images/but-off.gif'); sw2b=preload('images/but-on.gif');
	sw3a=preload('images/but-off.gif'); sw3b=preload('images/but-on.gif'); 
	sw4a=preload('images/but-off.gif'); sw4b=preload('images/but-on.gif'); 
	sw5a=preload('images/but-off.gif'); sw5b=preload('images/but-on.gif'); 
	sw6a=preload('images/but-off.gif'); sw6b=preload('images/but-on.gif'); 
	sw7a=preload('images/but-off.gif'); sw7b=preload('images/but-on.gif'); 
	sw8a=preload('images/but-off.gif'); sw8b=preload('images/but-on.gif'); 
	sw9a=preload('images/but-off.gif'); sw9b=preload('images/but-on.gif');
	sw10a=preload('images/but-off.gif'); sw10b=preload('images/but-on.gif');  
}

function initPage() {

   
var hedz = "";
hedz ='<table cellspacing="0" cellpadding="0" width="146" border="0">';
hedz +='<tr><td width="146" bgcolor="#00002e" align="right"><img src="images/box/special.gif" width="7" height="7"></td></tr></table>';
var disHedz=document.getElementById? document.getElementById("disHedz") :document.all? document.all.disHedz : ""   
disHedz.style.visibility='visible'; disHedz.innerHTML = hedz;

var hedr = "";
hedr ='<table cellspacing=0 cellpadding=0 width="100%" border=0>';
hedr +='<tr><td width=7><img src="images/box/b2-tl.gif" width="7" height="7"></td>';
hedr +='<td colspan=2 width="100%" bgcolor="#00002e" ><img src="images/tranpix1.gif" width="1" height="1"></td>';
hedr +='<td width=7><img src="images/box/b2-tr.gif" width="7" height="7"></td></tr>';

hedr +='<tr><td rowspan="2" height="50" bgcolor="#00002e"><img src="images/tranpix1.gif" width="1" height="1"></td>';
hedr +='<td rowspan="2" bgcolor="#00002e"><img src="images/tranpix1.gif" width="1" height="50"></td>';
hedr +='<td width=80% bgcolor="#00002e" valign=top align=center><h2>' + hed1 + '</td>';
hedr +='<td rowspan="2" height="10" ><img src="images/box/b2-r.gif" width="7" height="50"></td></tr>';

hedr +='<tr><td width=80% bgcolor="#00002e" valign=top align=center><h5>' + hed2 + '</td></tr>';
hedr +='<tr><td><img src="images/box/b2-bl.gif" width="7" height="7"></td>';
hedr +='<td colspan=2><img src="images/box/b2-b.gif" width="100%" height="7"></td>';
hedr +='<td><img src="images/box/b2-br.gif" width="7" height="7"></td></tr>';
hedr +='</table>';

var disHed=document.getElementById? document.getElementById("disHed") :document.all? document.all.disHed : ""   
disHed.style.visibility='visible'; disHed.innerHTML = hedr;

var buttxt = "";
var button = "";

buttxt ='<table width=200 cellspacing="0" cellpadding="0" border="0"><tr><td height="22">';
button ='<table width=200 cellspacing="0" cellpadding="0" border="0"><tr><td height="22">';

if (var1=="Home") 
	{button +='<img src="images/but-on.gif" border="0" name="sw0">'
	 buttxt +='<h4>' + '&nbsp;' + but0;}
else 	{buttxt +='<a href="index.html" class="off1" onmouseout="document[\'sw0\'].src=sw0a.src;this.className=\'off1\'" onmouseover="document[\'sw0\'].src=sw0b.src; this.className=\'on1\'">';
	buttxt += but0.replace(/ /g,'&nbsp; ');
	button +='<img src="images/but-off.gif" name="sw0" border="0" alt="Home"></a>'}

buttxt +='</td></tr><tr><td height="22">';
button +='</td></tr><tr><td height="22">';
 
if (var1=="IBM") 
	{button +='<img src="images/but-on.gif" border="0" name="sw1">'
	 buttxt +='<h4>' + '&nbsp;' + but1;}
else 	{buttxt +='<a href="ibm.html" class="off1" onmouseout="document[\'sw1\'].src=sw1a.src;this.className=\'off1\'" onmouseover="document[\'sw1\'].src=sw1b.src; this.className=\'on1\'">';
	 buttxt +=but1.replace(/ /g,'&nbsp; ');
	 button +='<img src="images/but-off.gif" name="sw1" border="0" alt="IBM"></a>'}

buttxt +='</td></tr><tr><td height="22">';
button +='</td></tr><tr><td height="22">';

if (var1=="Intra") 
	{button +='<img src="images/but-on.gif" border="0" name="sw2">'
	 buttxt +='<h4>' + '&nbsp;' + but2;}
else 	{buttxt +='<a href="intra.html" class="off1" onmouseout="document[\'sw2\'].src=sw2a.src;this.className=\'off1\'" onmouseover="document[\'sw2\'].src=sw2b.src; this.className=\'on1\'">';
	 buttxt +=but2.replace(/ /g,'&nbsp; ');
	 button +='<img src="images/but-off.gif" name="sw2" border="0" alt="Intra"></a>'}

buttxt +='</td></tr><tr><td height="22">';
button +='</td></tr><tr><td height="22">';

if (var1=="IntAsp") 
	{button +='<img src="images/but-on.gif" border="0" name="sw3">'
	 buttxt +='<h4>' + '&nbsp;' + but3;}
else 	{buttxt +='<a href="intasp.html" class="off1" onmouseout="document[\'sw3\'].src=sw3a.src;this.className=\'off1\'" onmouseover="document[\'sw3\'].src=sw3b.src; this.className=\'on1\'">';
	 buttxt +=but3.replace(/ /g,'&nbsp; ');
	 button +='<img src="images/but-off.gif" name="sw3" border="0" alt="Intranet ASP"></a>'}

buttxt +='</td></tr><tr><td height="22">';
button +='</td></tr><tr><td height="22">';

if (var1=="IntXml") 
	{button +='<img src="images/but-on.gif" border="0" name="sw4">'
	 buttxt +='<h4>' + '&nbsp;' + but4;}
else 	{buttxt +='<a href="intxml.html" class="off1" onmouseout="document[\'sw4\'].src=sw4a.src;this.className=\'off1\'" onmouseover="document[\'sw4\'].src=sw4b.src; this.className=\'on1\'">';
	 buttxt +=but4.replace(/ /g,'&nbsp; ');
	 button +='<img src="images/but-off.gif" name="sw4" border="0" alt="Intranet XML"></a>'}

buttxt +='</td></tr><tr><td height="22">';
button +='</td></tr><tr><td height="22">';
 
if (var1=="Web") 
	{button +='<img src="images/but-on.gif" border="0" name="sw5">'
	 buttxt +='<h4>' + '&nbsp;' + but5;}
else 	{buttxt +='<a href="web.html" class="off1" onmouseout="document[\'sw5\'].src=sw5a.src;this.className=\'off1\'" onmouseover="document[\'sw5\'].src=sw5b.src; this.className=\'on1\'">';
	 buttxt +=but5.replace(/ /g,'&nbsp; ');
	 button +='<img src="images/but-off.gif" name="sw5" border="0" alt="Web"></a>'}

buttxt +='</td></tr><tr><td height="22">';
button +='</td></tr><tr><td height="22">';

if (var1=="Ltd") 
	{button +='<img src="images/but-on.gif" border="0" name="sw6">'
	 buttxt +='<h4>' + '&nbsp;' + but6;}
else 	{buttxt +='<a href="ltd.html" class="off1" onmouseout="document[\'sw6\'].src=sw6a.src;this.className=\'off1\'" onmouseover="document[\'sw6\'].src=sw6b.src; this.className=\'on1\'">';
	 buttxt +=but6.replace(/ /g,'&nbsp; ');
	 button +='<img src="images/but-off.gif" name="sw6" border="0" alt="Tecman IAC Limited"></a>'}

buttxt +='</td></tr><tr><td height="22">';
button +='</td></tr><tr><td height="22">';

if (var1=="Links") 
	{button +='<img src="images/but-on.gif" border="0" name="sw7">'
	 buttxt +='<h4>' + '&nbsp;' + but7;}
else 	{buttxt +='<a href="links.html" class="off1" onmouseout="document[\'sw7\'].src=sw7a.src;this.className=\'off1\'" onmouseover="document[\'sw7\'].src=sw7b.src; this.className=\'on1\'">';
	 buttxt +=but7.replace(/ /g,'&nbsp; ');
	 button +='<img src="images/but-off.gif" name="sw7" border="0" alt="Links"></a>'}

buttxt +='</td></tr></table>';
button +='</td></tr></table>';

var disBut=document.getElementById? document.getElementById("disBut") : document.all? document.all.disBut : ""   
var disBtx=document.getElementById? document.getElementById("disBtx") : document.all? document.all.disBtx : ""   
disBut.style.visibility='visible'; disBut.innerHTML = button; 
disBtx.style.visibility='visible'; disBtx.innerHTML = buttxt;

var sidetxt = "";
sidetxt ='<table width="130" cellspacing="0" cellpadding="0" border="0">';
if (var1=="Home"){
sidetxt +='<tr><td><h6><p>Welcome to ... tecmaniac.com/IT <br><br><br></td></tr>';}
if (var1=="Web"){
sidetxt +='<tr><td><h6><p>Begins with imagination ... <p>Produces both style and function ...<br><br><br></td></tr>';}
if (var1=="IBM"){
sidetxt +='<tr><td><h6><p>Over 10 years as MVS sys prog ... <p>See my <a href="miles_cv2003.doc" target="new">CV</a> ...<br><br><br></td></tr>';}
if (var1=="Intra"){
sidetxt +='<tr><td><h6><p>Make your Intranet do the work ... <p>Not just store data ...<br><br><br></td></tr>';}
if (var1=="IntAsp"){
sidetxt +='<tr><td><h6><p>Intranet can read any files (.txt, .csv, etc.) ... <p>Sent from anywhere (m\'frame/servers) ...<br><br><br></td></tr>';}
if (var1=="IntXml"){
sidetxt +='<tr><td><h6><p>XML is the X-platform future standard ... <p>This page reads XML without asp ...<br><br><br></td></tr>';}

sidetxt +='<tr><td><h6>Web:<br><a href="http;//www.tecmaniac.com/it">tecmaniac.com/IT</a></h6></td></tr>';
sidetxt +='<tr><td><h6>Email:<br><a href="mailto:steve.miles@virgin.net"><b>steve.miles@virgin.net</b></a></h6></td></tr>';
sidetxt +='</table>';

var diside=document.getElementById? document.getElementById("diside") :  document.all? document.all.diside : ""   
diside.style.visibility='visible'; diside.innerHTML = sidetxt; 

var pic1 = "";
pic1 ='<table cellspacing="0" cellpadding="0" border="0">';
pic1 +='<tr><td colspan="2"><img src="images/tree1.gif" border="0" height="152" width=372></td></tr></table>';

var disPic1=document.getElementById? document.getElementById("disPic1") :  document.all? document.all.disPic1 :  ""   
disPic1.style.visibility='visible'; disPic1.innerHTML = pic1;

var pic2 = "";
pic2 ='<table cellspacing="0" cellpadding="0" border="0">';
pic2 +='<tr><td colspan="2"><img src="images/tree2.gif" border="0" height="84" width="144"></td></tr></table>';

var disPic2=document.getElementById? document.getElementById("disPic2") :  document.all? document.all.disPic2 : ""  
disPic2.style.visibility='visible'; disPic2.innerHTML = pic2; 

}


function genBox(varx){
var boxx = "";
boxx +='<table width="142" height="' + varx + '" cellspacing="0" cellpadding="0" border="0" >';

boxx +='<tr><td><img src="images/box/b2-l.gif" width="7" height="'+ varx +'"></td>'
boxx +='<td bgcolor=#00002e valign=top><img src="images/tranpix1.gif" width="128" height="1"></td>'
boxx +='<td background="images/box/b2-r.gif"><img src="images/tranpix1.gif" width="1" height="1"></td></tr>'

boxx +='<tr><td><img src="images/box/b2-bl.gif" width="7" height="7"></td>'
boxx +='<td bgcolor="#00002e"><img src="images/box/b2-b.gif" width="128" height="7"></td>'
boxx +='<td><img src="images/box/b2-br.gif" width="7" height="7"></td></tr></table>'

var disBox=document.getElementById? document.getElementById("disBox") :  document.all? document.all.disBox : ""   
disBox.style.visibility='visible'; disBox.innerHTML = boxx;
}