Event.observe(window, 'load', function() {
	$('links').appear(); 
	
	addHovers();
	
	Event.observe($('link_orangeblue'), 'click', function() {
		ausblenden($('orangeblue'));
		$('orangeblue').appear();
		$('orangeblue').addClassName('aktiv');
	});
	
	Event.observe($('link_noangels'), 'click', function() {
		ausblenden($('noangels'));
		$('noangels').appear();
		$('noangels').addClassName('aktiv');
	});
	
	Event.observe($('link_vaile'), 'click', function() {
		ausblenden($('vaile'));
		$('vaile').appear();
		$('vaile').addClassName('aktiv');
	});
	
	Event.observe($('link_lovell'), 'click', function() {
		ausblenden($('lovell'));
		$('lovell').appear();
		$('lovell').addClassName('aktiv');
	});
	
	Event.observe($('link_hackman'), 'click', function() {
		ausblenden($('hackman'));
		$('hackman').appear();
		$('hackman').addClassName('aktiv');
	});
	
	Event.observe($('link_kilger'), 'click', function() {
		ausblenden($('kilger'));
		$('kilger').appear();
		$('kilger').addClassName('aktiv');
	});
	
	Event.observe($('link_knappe'), 'click', function() {
		ausblenden($('knappe'));
		$('knappe').appear();
		$('knappe').addClassName('aktiv');
	});
	
	Event.observe($('link_lohse'), 'click', function() {
		ausblenden($('lohse'));
		$('lohse').appear();
		$('lohse').addClassName('aktiv');
	});
	
	Event.observe($('link_tv'), 'click', function() {
		ausblenden($('tv'));
		$('tv').appear();
		$('tv').addClassName('aktiv');
	});
	
	Event.observe($('link_home'), 'click', function() {
		ausblenden($('home'));
		$('home').appear();
		$('home').addClassName('aktiv');
	});
	
	Event.observe($('link_contact'), 'click', function() {
		ausblenden($('contact'));
		$('contact').appear();
		$('contact').addClassName('aktiv');
	});
	

});

function ausblenden(aktivesEl) {
		//alert($$('.text'));
		var texte = $$('.aktiv');
		for (var i =0; i <texte.length; i++) {
			if (texte[i].identify() != aktivesEl.identify()) {
				//alert(texte[i].identify());
				//alert(aktivesEl.identify());
				texte[i].fade();
				texte[i].removeClassName('aktiv');
			}
		}
}

function addHovers() {
    var links = $$('.link_bild');
  
  links.each(function(link) {
      link.observe('mouseover', function(event) { 
      bildname = link.src;
      link.src = bildname.replace("img/", "img/over-");;
     })
     
   
      link.observe('mouseout', function(event) { 
      bildname = link.src;
      link.src = bildname.replace("img/over-", "img/");;
     })
    
  });
};