/**
 * ColorTabs
 *
 * Passt die Seitenfarben dem aktuellen Men�punkt an.
 * 
 * @project 	bffs.de
 * @author 		Daniel Selinger <mail@dselinger.biz>
 * @date			2009-01-16
 */

var ColorTabs = Class.create();

ColorTabs.prototype = {
      
  /**
   *  Append styles to the navigation elements
   */
  initialize: function(){
  	
  	//
    // Standardwerte
    // Werden im Moment nicht wirklich genutzt.
    //
    
    var defaultStyles = new Hash();
    
    defaultStyles.set('navSub');
    defaultStyles.navSub = new Hash();
    defaultStyles.navSub.set('color', 'color: #fff;');
    defaultStyles.navSub.set('hoverColor', '#C4047B'); // 
      
    //
    // Farbwerte der Hauptnavigation sowie des Teaser-Divs
    //
    // Das Script geht einfach den Array durch.
    // Sollten es mehr als 5 Hauptnavigationspunkte werden muss der styles-Array dementsprechend erweitert werden.
    // 
    var styles = new Array();
      
    styles[0] = new Hash();
    styles[0].set('backgroundColor', 'background-color: #064563;');
    styles[0].set('border', 'border: 1px solid #064563;');

    styles[1] = new Hash();
    styles[1].set('backgroundColor','background-color: #83b700;');
    styles[1].set('border','border: 1px solid #83b700;');
    
    styles[2] = new Hash();
    styles[2].set('backgroundColor','background-color: #c11d00;');
    styles[2].set('border','border: 1px solid #c11d00;');
    
    styles[3] = new Hash();
    styles[3].set('backgroundColor','background-color: #0c8eeb;');
    styles[3].set('border','border: 1px solid #0c8eeb;');
    
    styles[4] = new Hash();
    styles[4].set('backgroundColor','background-color: #ef4193;');
    styles[4].set('border','border: 1px solid #ef4193;');
    
    var navMain = $$('#nav_main ul li');
    
    for(var i = 0; i < navMain.length; ++i){
       
      if(styles[i] != null){
        
        if(navMain[i].readAttribute('id') == 'current'){ // Set styles for the current sub elements
          
          new Effect.Morph($('teaser'), {style: styles[i].get('backgroundColor'), duration: 0.5}); // Teaser       

          var navSub = $$('#submenu li'); // Subnavigation
          for(var j = 0; j < navSub.length; ++j){
            if(navSub[j].down('a')){
              new Effect.Morph(navSub[j].down('a'), {style: styles[i].get('backgroundColor') + defaultStyles.navSub.get('color'), duration: 0.5});
              navSub[j].down('a').setAttribute('onmouseover', 'new Effect.Highlight(this); return false;');
              }
            }
          
          }
        
        var sEl = navMain[i].down(1);
        new Effect.Morph(
          sEl, {
            style: styles[i].get('backgroundColor') + styles[i].get('border'),
            duration: 0.5
            }
          );
        
        }
        
      } 
       
    }
    
  }

// ColorTabs  
document.observe(		
	'dom:loaded',		
	function(){		
		new ColorTabs();		
		}
	);