var TabNavi = new Class({

	initialize: function(element) {
	
		if(Browser.loaded){
			this.setup(element, options);
		} else{
			window.addEvent('domready', this.setup.pass([element]));
		}
	},
	setup: function(element) {  
  	//var firstDiv = $(document.body).getElement('div');
  	var firstDiv = $(element);
        
    var getElNum = function(elName){
      var usPos = elName.indexOf("_");
      var elNum = elName.substr(usPos + 1)
      return elNum;
    };    
    
    var showElement = function(elName){          
      /* get parent element of actual element and select all hidden divs in this element */
      var parentEl = $(elName).getParent();  
      $$('div#'+parentEl.id+' .hidden').setStyle('display', 'none');
      $(elName).setStyle('display', 'block');        
    };          
    
    /* returns first element with searched div-name*/
    var getFirstDiv = function(outerDiv, divName){
      var elName = 'div[id^='+divName+']';
      return $(outerDiv).getElement(elName);
    }; 
    
     var removeNavHighlight = function(listElement){
      listElement.className = '';
    };   
    
    var setNavHighlight = function(listElement, listArray){
      listArray.each(removeNavHighlight);      
      listElement.className = 'act';      
    };
    
    /* returns actual li element for highlighting*/
    var getLinkElement = function(firstDiv, linkClass, linkNum){
      var aElement =  $(firstDiv).getElement('a[id$='+linkClass+linkNum+']');
      var liElement = aElement.getParent();  
      return liElement; 
    };  
      
    var arrayNavM2 = $$('ul#ulNavM2 li');   
    var firstLiNavM2 = $(firstDiv).getElement('ul#ulNavM2 li');
    var linkNavM2 = 'navM2_';
    var tabContentDiv = 'mloContentTabContent_'; 
      
    showElement(getFirstDiv(firstDiv, 'mloContentTabContent_').id);     
    setNavHighlight(firstLiNavM2, arrayNavM2);  
      
    $$('a.navM2L').addEvents({
      click: function(event){  
       
      var linkNum = getElNum(this.id);              
      var liElement = getLinkElement(firstDiv, linkNavM2, linkNum );             
      setNavHighlight(liElement, arrayNavM2);       
      if($(tabContentDiv+linkNum)){ 
        showElement(tabContentDiv+linkNum);
      }             
       event.stop();     
      }
    });     
  }

});


