/*
* Element mit Id unterstreichen bei 'over', ohne Unterstrich bei 'out'
*/
function highlightLink(id, event) {

   elem = document.getElementById(id);

   if(event == 'over') {
      elem.style.textDecoration = 'underline';
   }

   if(event == 'out') {
      elem.style.textDecoration = '';
   }

}


function highlightButton(id, event, extension) {

   src = document.getElementById(id).src;

   basename = src.substring(0,src.lastIndexOf('_'));

   //basename = src.substring(src.lastIndexOf('/'));

   if(event == 'over') {
      document.getElementById(id).src = basename + '_hi.'+extension;
      //alert(document.getElementById(id).src);
   }

   if(event == 'out') {
      document.getElementById(id).src = basename + '_norm.'+extension;
   }

}



/*
* Tab-Navigation
*/

// //////////////////////////////////
// TabbedPage
// //////////////////////////////////

function mouseoverTab(domId, num) {
   if(num!=activeTabNum) {
      // highlightButton(domId+num+'_navimg', 'over');
   }
}

function mouseoutTab(domId, num) {
   //   alert(activeTabNum+ "  " + num);
   if(num!=activeTabNum) {
      // highlightButton(domId+num+'_navimg', 'out');
   }
}

function clickTab(domId, tabNum) {
   var id = domId+tabNum;
   //alert(id);

   // Altes NaviImg auf norm setzen
  /* src = document.getElementById(domId+activeTabNum+'_navimg').src;
   basename = src.substring(0,src.lastIndexOf('_'));
   appendix = src.substring(src.lastIndexOf('_'), src.lastIndexOf('.'));
   extension = src.substring(src.lastIndexOf('.'));
   document.getElementById(domId+activeTabNum+'_navimg').src = basename + '_norm' + extension;


   // NaviImg auf active setzen
   src = document.getElementById(id+'_navimg').src;
   basename = src.substring(0,src.lastIndexOf('_'));
   appendix = src.substring(src.lastIndexOf('_'), src.lastIndexOf('.'));
   extension = src.substring(src.lastIndexOf('.'));
   document.getElementById(id+'_navimg').src = basename + '_active' + extension; */

	var stdClass = document.getElementById(id +'_nav').className;

	//alten NavigationsTab umschalten
   document.getElementById(domId + activeTabNum +'_nav').className = stdClass;
	
	
	document.getElementById(id +'_nav').className = stdClass + ' active';
	
	
	
	//neuen NavigationsTab umschalten


   // Aktive Tabpage einblenden, alle anderen ausblenden
   document.getElementById(domId+activeTabNum).style.display = 'none';
   document.getElementById(domId+tabNum).style.display = 'block';


   // Aktive TabId setzen
   activeTabNum = tabNum;

   return false;

}