// randomly chooses an image for the banner across the top of the page
var version7 = Math.floor(Math.random()*13);
var scene = new Array();
scene[0] = "aem_circuit_board.jpg";
scene[1] = "engine_swap.jpg";
scene[2] = "dyno_tune.jpg";
scene[3] = "new_mexico.jpg";
scene[4] = "new_mexico_2.jpg";
scene[5] = "new_mexico_3.jpg";
scene[6] = "new_mexico_4.jpg";
scene[7] = "new_mexico_5.jpg";
scene[8] = "new_mexico_6.jpg";
scene[9] = "new_mexico_7.jpg";
scene[10] = "utah_winter.jpg";
scene[11] = "utah_winter_2.jpg";
scene[12] = "utah_winter_3.jpg";



// randomly chooses a chassis outline for the far right top
var randomNumber = Math.floor(Math.random()*3);
var outline = new Array();
outline[0] = "chassis_EG.gif";
outline[1] = "chassis_DA.gif";
outline[2] = "chassis_DC.gif";



// stores the heading of the page including the banner and navigation so that it can be written dynamically

var heading = 

"<div class='heading'>" +
"<a href='http://causeforalarm.thecarthing.com/version7/index.html'>" +
"<img class='banner' width='757' height='100' src='../cause_for_alarm_ver7_anim.gif' alt='Cause For Alarm banner' />" +
"<img class='chassis_outline' height='100' src='" + "../" + outline[randomNumber] + "' alt='Honda/Acura outline' />" +
"</a>" +
"</div>" +

"<ul class='menu' id='menu'>" +
 "<li><a class='menulink'>Stealth Alarm</a>" +
 "<ul>" +
  "<li class='topline'><a href='../basics/index.html'>The Basics</a></li>" +
  "<li>" +
  "<a class='sub'>Stealth Installs</a>" +
  "<ul>" +
   "<li class='topline'><a href='../eg_civic/index.html'>92-95 Honda Civic</a></li>" +
   "<li><a href='../ek_civic/index.html'>96-00 Honda Civic</a></li>" +
   "<li><a href='../em_civic/index.html'>01-05 Honda Civic</a></li>" +
   "<li><a href='../da_integra/index.html'>90-93 Acura Integra</a></li>" +
   "<li><a href='../dc_integra/index.html'>94-01 Acura Integra</a></li>" +
   "<li><a href='../nissan_240SX/index.html'>95-98 Nissan 240SX</a></li>" +
  "</ul>" +
  "</li>" +
 "</ul>" +
 "</li>" +

 "<li>" +
 "<a class='menulink'>Other Security</a>" +
 "<ul>" +
  "<li class='topline'><a href='../false_faceplate/index.html'>False Faceplate</a></li>" +
  "<li><a href='../jimmi_jammer/index.html'>Jimmi Jammer</a></li>" +
  "<li><a href='../re-route_hood_cable/index.html'>Re-Route Hood Cable</a></li>" +
  "<li><a href='../starter_kill/index.html#storing'>Storing a Vehicle</a></li>" +
  "<li><a class='sub'>Kill Switches</a>" +
   "<ul>" +
    "<li class='topline'><a href='../fuel_kill/index.html'>Fuel Kill</a></li>" +
    "<li><a href='../ignition_kill/index.html'>Ignition Kill</a></li>" +
    "<li><a href='../starter_kill/index.html'>Starter Kill</a></li>" +
    "<li><a href='../fuel_kill/index.html#Clutch_Kill'>Other Kills</a></li>" +
    "<li><a href='../main_relay_kill/index.html'>Main Relay Kill</a></li>" +
   "</ul>" +
   "</li>" +
 "</ul>" +
 "</li>" +

 "<li>" +
 "<a class='menulink'>Convenience</a>" +
 "<ul>" +
  "<li class='topline'><a href='../cruise_control/index.html'>Cruise Control</a></li>" +
  "<li><a href='../power_mirrors/index.html'>Power Mirrors</a></li>" +
  "<li><a href='../trunk_light/index.html'>Trunk Light</a></li>" +
  "<li><a class='sub' href='../actuators/index.html'>Actuators</a>" +
  "<ul>" +
   "<li class='topline'><a class='sub' href='../actuators/index.html#Doorlock_Actuators'>Door Locks</a>" +
   "<ul>" +
    "<li class='topline'><a href='../eg_civic/index.html#drivers_priority_unlock'>Driver's Priority Unlock</a></li>" +
   "</ul>" +
   "</li>" +
   "<li><a href='../actuators/index.html#Hatch_Actuator'>Hatch Pop</a></li>" +
   "<li><a class='sub' href='../trunk_pop/index.html'>Trunk Pop</a>" +
   "<ul>" +
    "<li class='topline'><a href='../trunk_pop/index.html#integra'>90-01 Integra hatchback</a></li>" +
    "<li><a href='../trunk_pop/index.html#em'>01-05 Civic coupe</a></li>" +
   "</ul>" +
   "</li>" +
  "</ul>" +
  "</li>" +
 "</ul>" +
 "</li>" +

 "<li>" +
 "<a class='menulink'>Engine Management</a>" +
 "<ul>" +
  "<li class='topline'><a href='#' style='color:gray;'>AEM EMS</a></li>" +
  "<li><a href='../aem_uego/index.html'>AEM UEGO</a></li>" +
  "<li><a href='../aem_twin_fire/index.html'>COP Conversion</a></li>" +
 "</ul>" +
 "</li>" +

 "<li>" +
 "<a class='menulink'>Engine</a>" +
 "<ul>" +
  "<li class='topline'><a href='../3-stage_VTEC/index.html'>3 Stage VTEC</a></li>" +
  "<li><a class='sub'>Valve Adjustment</a>" +
  "<ul>" +
   "<li class='topline'><a href='../D16Y/index.html'>D Series</a></li>" +
   "<li><a href='../B18A/index.html'>B18A</a></li>" +
   "<li><a href='../B18C1/index.html'>B18C1</a></li>" +
  "</ul>" +
  "</li>" +
 "</ul>" +
 "</li>" +
"</ul>" +

"<img width='757' height='245' style='border: 0pt none ; position: absolute; top: 150px; left: 10px; z-index:1;' src='" + '../nav_banners/' + scene[version7] + "' alt='Navigation Banner' />" +
"<br /> <br />"



// the navigation function

var menu=function(){
	var t=15,z=50,s=6,a;
	function dd(n){this.n=n; this.h=[]; this.c=[]}
	dd.prototype.init=function(p,c){
		a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
		for(i;i<l;i++){
			var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
			h.onmouseover=new Function(this.n+'.st('+i+',true)');
			h.onmouseout=new Function(this.n+'.st('+i+')');
		}
	}
	dd.prototype.st=function(x,f){
		var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
		clearInterval(c.t); c.style.overflow='hidden';
		if(f){
			p.className+=' '+a;
			if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
			if(c.mh==c.offsetHeight){c.style.overflow='visible'}
			else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
		}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
	}
	function sl(c,f){
		var h=c.offsetHeight;
		if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
			if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
			clearInterval(c.t); return
		}
		var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
		c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
		c.style.height=h+(d*f)+'px'
	}
	return{dd:dd}
}();



// stores the footing into a variable so it can be written dynamically

var footing =
"<div class='bottom_rule'>" +
"<a href='http://jigsaw.w3.org/css-validator/'><img style='margin-top:10px; width:88px;height:31px' src='http://www.w3.org/Icons/valid-css-blue' alt='Valid CSS!' /></a>" +
"<br />" +
"<a href='http://validator.w3.org/check?uri=referer'><img src='http://www.w3.org/Icons/valid-xhtml10-blue' alt='Valid XHTML 1.0 Strict' height='31' width='88' /></a>" +

"<a href='http://www.spreadfirefox.com/?q=affiliates&amp;id=0&amp;t=217'><img style='margin-top:-30px;' alt='Firefox 2' title='Firefox 2' src='http://sfx-images.mozilla.org/affiliates/Buttons/firefox2/firefox-spread-btn-2.png'/></a>" +

"<a href='http://www.civic-eg.com'><img style='margin-top:-30px; margin-left:30px;' src='../civic-eg.gif' width='468' height='60' alt='civic-eg.com banner' /></a>" +
"</div>"