function onClickVertical(newId){
	var activeElement = document.getElementById(newId); 
	if (activeElement && activeElement.firstChild) {
	  window.location = activeElement.firstChild; 
	} else {
		window.alert("no valid target");
	}
  return true;
	
}

function onClickHorizontal(newId){
	var activeElement = document.getElementById(newId); 
	if (activeElement && activeElement.firstChild) {
	  window.location = activeElement.firstChild; 
	} else {
		window.alert("no valid target");
	}
  return true;
}

function mouseOver(newId){
	mouseOverSub(newId+'A');
	mouseOverSub(newId);
}

function mouseOverSub(newId) {
	var activeElement = document.getElementById(newId); 
	var newClass = activeElement.className;
	if (newClass.match("-act")&&!newClass.match(" act-ro-"+newId)) {
  		newClass = newClass+ " act-ro-"+newId;
	}
	if (newClass.match("-no")&&!newClass.match(" no-ro-"+newId)) {
   		newClass = newClass + " no-ro-"+newId;
	}
	activeElement.className = newClass;
}

function mouseOut(newId){

  mouseOutSub(newId+'A');
  mouseOutSub(newId);
	
}

function mouseOutSub (newId) {

  var activeElement = document.getElementById(newId); 
	var newClass = activeElement.className;
	if (newClass.match(" act-ro-"+newId)) {
  		newClass = newClass.replace(" act-ro-"+newId,"");
	} 
	if (newClass.match(" no-ro-"+newId)) {
  		newClass = newClass.replace(" no-ro-"+newId,"");
	}
	activeElement.className = newClass;

}