/* Flag variable for link click event */
var isClicked = false;


/*--------------------------------------------------
change link color (onclick event)
--------------------------------------------------*/
function changeColor(src_ele) {
  src_ele.style.background='#7387C4';
  src_ele.style.color='#FFFFFF';
  src_ele.style.fontWeight='bold';
  
  for(i=0;i<10;i++) {
	if(document.getElementById && i != src_ele.id) {      
	  document.getElementById(i).style.background='#F2F2F2';
	  document.getElementById(i).style.color='#45586F';
      document.getElementById(i).fontWeight='bold';
	}
  }
}


/*--------------------------------------------------
change image (onclick event)
--------------------------------------------------*/
function change_img(img_pointer, new_img, optionname){
   	if (document.layers) {
     	document[img_pointer].src = new_img;
	showdropdown(optionname);
    } else if (document.getElementById){
	  	document.getElementById(img_pointer).src = new_img;
	  	
		/* Calls function to make dropdowns visible */
		showdropdown(optionname);
	}
}



/*--------------------------------------------------
Creates drop down navigation (onmouseover)
--------------------------------------------------*/
function showdropdown(optionname){
  	/* Changes flag to true so mouseover does not show dropdowns any more */
	isClicked = true;
	
	if (document.layers){
		document.none.visibility = "hidden";
		document.alt_trans.visibility = "hidden";
		document.energy.visibility = "hidden";
		document.leed.visibility = "hidden";
		document.purchase.visibility = "hidden";
		document.waste.visibility = "hidden";
		document.compute.visibility = "hidden";
		document.ecology.visibility = "hidden";
		document.hazard.visibility = "hidden";
		document.power.visibility = "hidden";
		document.recycle.visibility = "hidden";		
		document.eval(optionname).visibility = "visible";
	} else if (document.getElementById){
		document.getElementById('alt_trans').style.visibility = "hidden";
		document.getElementById('energy').style.visibility = "hidden";
		document.getElementById('leed').style.visibility = "hidden";
		document.getElementById('purchase').style.visibility = "hidden";
		document.getElementById('waste').style.visibility = "hidden";
		document.getElementById('compute').style.visibility = "hidden";
		document.getElementById('ecology').style.visibility = "hidden";
		document.getElementById('hazard').style.visibility = "hidden";
		document.getElementById('power').style.visibility = "hidden";
		document.getElementById('recycle').style.visibility = "hidden";
		document.getElementById(optionname).style.visibility = "visible";
	}
}

/*--------------------------------------------------
Creates drop down navigation (onmouseover)
--------------------------------------------------*/
function mouseoverdropdown(optionname){
	/* Checks flag so mouseover shows dropdowns only until link is clicked */
	if(isClicked == false){	  
		if (document.layers){
			document.none.visibility = "hidden";
			document.alt_trans.visibility = "hidden";
			document.energy.visibility = "hidden";
			document.leed.visibility = "hidden";
			document.purchase.visibility = "hidden";
			document.waste.visibility = "hidden";
			document.compute.visibility = "hidden";
			document.ecology.visibility = "hidden";
			document.hazard.visibility = "hidden";
			document.power.visibility = "hidden";
			document.recycle.visibility = "hidden";
			document.eval(optionname).visibility = "visible";
		} else if (document.getElementById){
			document.getElementById('alt_trans').style.visibility = "hidden";
			document.getElementById('energy').style.visibility = "hidden";
			document.getElementById('leed').style.visibility = "hidden";
			document.getElementById('purchase').style.visibility = "hidden";
			document.getElementById('waste').style.visibility = "hidden";
			document.getElementById('compute').style.visibility = "hidden";
			document.getElementById('ecology').style.visibility = "hidden";
			document.getElementById('hazard').style.visibility = "hidden";
			document.getElementById('power').style.visibility = "hidden";
			document.getElementById('recycle').style.visibility = "hidden";
			document.getElementById(optionname).style.visibility = "visible";
		}
	}
}

/*--------------------------------------------------
Hides drop down navigation
--------------------------------------------------*/
function hidedropdown(optionname){
	if (document.layers){
	//	document.eval(optionname).visibility = "hidden";
	} else if (document.getElementById){
	//	document.getElementById(optionname).style.visibility = "hidden";
	}
}