function changecss(theClass,element,value) {
	 var cssRules;
	 if (document.all) {
	  cssRules = 'rules';
	 } else if (document.getElementById) {
	  cssRules = 'cssRules';
	 }
	 var added = false;
	 for (var S = 0; S < document.styleSheets.length; S++){
	  for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
	   if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
	    if(document.styleSheets[S][cssRules][R].style[element]){
	    document.styleSheets[S][cssRules][R].style[element] = value;
	    added=true;
		break;
	    }
	   }
	  }

	  if(!added){
	  if(document.styleSheets[S].insertRule){
			  document.styleSheets[S].insertRule(theClass+' { '+element+': '+value+'; }',document.styleSheets[S][cssRules].length);
			} else if (document.styleSheets[S].addRule) {
				document.styleSheets[S].addRule(theClass,element+': '+value+';');
			}
	  }
	 }
	}

//Browser Detection
var AgntUsr=navigator.userAgent.toLowerCase();
var DomYes=document.getElementById?1:0;
var NavYes=AgntUsr.indexOf('mozilla')!=-1&&AgntUsr.indexOf('compatible')==-1?1:0;
var ExpYes=AgntUsr.indexOf('msie')!=-1?1:0;
var Opr=AgntUsr.indexOf('opera')!=-1?1:0;
var DomNav=DomYes&&NavYes?1:0;
var DomExp=DomYes&&ExpYes?1:0;
var Exp4=ExpYes&&!DomYes?1:0;
var Nav4=NavYes&&!DomNav?1:0;

//Gets style object based upon DOM of browser
function getStyleObj(id) {
	if (DomYes) {
		return document.getElementById(id).style;
	}	
	else if (NavYes) {
		return eval("document." + id);
	} 
	else if (Exp4) {
		return 	eval("document.all." + id + ".style");
	}
}

var eventWin;

function hideType(typeID) {


	var num = arrTypes[typeID];
	var show = arrVisibleTypes[typeID];

	var styleObj;
/*
	var sob;

	sob = "c"+typeID;
	
changecss(sob,'display','none');

*/	
	for (var i=1;i<=num;i++) {
		id = "id_" + typeID + "_" + i;
		styleObj = getStyleObj(id);
		if (NavYes) {
			styleObj.display = "none";	
		} else {
			styleObj.visibility = "hidden";
		}
	}
}

function showType(typeID) {	
	var num = arrTypes[typeID];
	var styleObj,type;
	
	for (var i=1;i<=num;i++) {
		id = "id_" + typeID + "_" + i;
		styleObj = getStyleObj(id);
		if (NavYes) {
			styleObj.display = "block";	
		} else {
			styleObj.visibility = "visible";
		}
	}
	
}

function showOneType(typeID) {	
	hideAllTypes();
	showType(typeID);
}

function hideAllTypes() {
	for (var i=0;i<(numSections-1);i++) {
		hideType(sArray[i]);
	}
}

function showAllTypes() {
	for (var i=0;i<(numSections-1);i++) {
		showType(sArray[i]);		
	}
}

function showArrow(arrow) {
	var styleObj = getStyleObj(arrow);
		styleObj.visibility = "visible";	
}

function hideArrow(arrow) {	
	if (arrActiveArrow[arrow] == true) {
		return;
	}
	var styleObj = getStyleObj(arrow);	
	styleObj.visibility = "hidden";	
}


function makeActiveArrow(arrow) {	
//	hideAllArrows();
var styleObj = getStyleObj(arrow);	
	styleObj.visibility = "visible";
	arrActiveArrow[arrow] = true;
}


for (i=0;i<=numSections;i++) {
	key = "arrow_" + i;
	arrActiveArrow[key] = true;
}

function toggleSection(id,num) {
	key = "arrow_" + num;
	styleObj = getStyleObj(key);
	if (arrActiveArrow[key] === true){
		styleObj.visibility = "hidden";
		arrActiveArrow[key] = false;
		hideType(id);
	} else { 
		styleObj.visibility = "visible";
		arrActiveArrow[key] = true;
		showType(id);
	}
}

function showAllArrows() {
	var key;
	for (i=1;i<numSections;i++) {
		key = "arrow_" + i;
		styleObj = getStyleObj(key);
		styleObj.visibility = "visible";
		arrActiveArrow[key] = true;
	}
}

function hideAllArrows() {
	var key;
	for (i=1;i<numSections;i++) {
		key = "arrow_" + i;
		styleObj = getStyleObj(key);
		styleObj.visibility = "hidden";
		arrActiveArrow[key] = false;
	}
}