var highlight = function (e) {
	var high = e.target;
	var myTween = new Fx.Tween(high, {'duration':50, 'link':'chain', 'transition': 'sine:inOut'});
	var myTween2 = new Fx.Tween(high, {'duration':300, 'link':'chain', 'transition': 'sine:inOut'});
	myTween.addEvent('onComplete',function () { 
		myTween2.start('opacity',.4,1);
	});
	myTween.start('opacity',1,.4);
}

var events = function (item) {
	item.addEvent('mouseenter', highlight);
	//item.addEvent('mouseleave', lowlight);
	
}
var eventsie = function (item) {
	item.addEvent('mouseenter', highlightie);
	item.addEvent('mouseleave', lowlightie);
	
}

var highlightie = function (e) {
	var high = e.target;
	//high = high.getParent();
	high.setStyle('opacity',.8);
}

var lowlightie = function (e) {
	var low = e.target;
	low.setStyle('opacity',1);
}

var zeigemenuevents = function(item) {
	item.addEvent('mouseenter', zeigemenue);
	//item.addEvent('mouseleave', versteckemenue);
}
var zeigemenue = function(e) {
	var item = e.target;
	//console.log(item);
	
	// nur für bubbles
	if(item.id == 'lo_bu') { 
		m_lo.setStyle('opacity',1);
		m_lu.setStyle('opacity',0);
		m_ro.setStyle('opacity',0);
		m_ru.setStyle('opacity',0);
		m_gfxlo.setStyle('opacity',1);
		m_gfxlu.setStyle('opacity',0);
		m_gfxro.setStyle('opacity',0);
		m_gfxru.setStyle('opacity',0);
			
		var gfxbgimg = m_gfxlo.getElements('a');
		gfxbgimg[1].setStyle('background-image', 'url(/media/assets/lo_2.png)');
		//alert(gfxbgimg[1].getStyle('background-image'));
		m_lo_bu.setStyle('background-image', 'url(/media/assets/bubble_lo_2.png)');
		m_ro_bu.setStyle('background-image', 'url(/media/assets/bubble_ro_1.png)');
		m_lu_bu.setStyle('background-image', 'url(/media/assets/bubble_lu_1.png)');
		m_ru_bu.setStyle('background-image', 'url(/media/assets/bubble_ru_1.png)');		
	}
	if(item.id == 'lu_bu') { 
		m_lo.setStyle('opacity',0);
		m_lu.setStyle('opacity',1);
		m_ro.setStyle('opacity',0);
		m_ru.setStyle('opacity',0);
		m_gfxlo.setStyle('opacity',0);
		m_gfxlu.setStyle('opacity',1);
		m_gfxro.setStyle('opacity',0);
		m_gfxru.setStyle('opacity',0);
		
		var gfxbgimg = m_gfxlu.getElements('a');
		gfxbgimg[1].setStyle('background-image', 'url(/media/assets/lu_2.png)');
		m_lo_bu.setStyle('background-image', 'url(/media/assets/bubble_lo_1.png)');
		m_ro_bu.setStyle('background-image', 'url(/media/assets/bubble_ro_1.png)');
		m_lu_bu.setStyle('background-image', 'url(/media/assets/bubble_lu_2.png)');
		m_ru_bu.setStyle('background-image', 'url(/media/assets/bubble_ru_1.png)');
	}
	if(item.id == 'ro_bu') { 
		m_lo.setStyle('opacity',0);
		m_lu.setStyle('opacity',0);
		m_ro.setStyle('opacity',1);
		m_ru.setStyle('opacity',0);
		m_gfxlo.setStyle('opacity',0);
		m_gfxlu.setStyle('opacity',0);
		m_gfxro.setStyle('opacity',1);
		m_gfxru.setStyle('opacity',0);
		
		var gfxbgimg = m_gfxro.getElements('a');
		gfxbgimg[1].setStyle('background-image', 'url(/media/assets/ro_2.png)');
		m_lo_bu.setStyle('background-image', 'url(/media/assets/bubble_lo_1.png)');
		m_ro_bu.setStyle('background-image', 'url(/media/assets/bubble_ro_2.png)');
		m_lu_bu.setStyle('background-image', 'url(/media/assets/bubble_lu_1.png)');
		m_ru_bu.setStyle('background-image', 'url(/media/assets/bubble_ru_1.png)');
	}
	if(item.id == 'ru_bu') { 
		m_lo.setStyle('opacity',0);
		m_lu.setStyle('opacity',0);
		m_ro.setStyle('opacity',0);
		m_ru.setStyle('opacity',1);
		m_gfxlo.setStyle('opacity',0);
		m_gfxlu.setStyle('opacity',0);
		m_gfxro.setStyle('opacity',0);
		m_gfxru.setStyle('opacity',1);
		
		var gfxbgimg = m_gfxru.getElements('a');
		gfxbgimg[1].setStyle('background-image', 'url(/media/assets/ru_2.png)');
		m_lo_bu.setStyle('background-image', 'url(/media/assets/bubble_lo_1.png)');
		m_ro_bu.setStyle('background-image', 'url(/media/assets/bubble_ro_1.png)');
		m_lu_bu.setStyle('background-image', 'url(/media/assets/bubble_lu_1.png)');
		m_ru_bu.setStyle('background-image', 'url(/media/assets/bubble_ru_2.png)');
	}
	// .bubbles
	
	
	if((item.get('class') == 'image_container') || (item.get('class') == 'verstecker')) { 
		if(activeslo == '') {
			m_lo.setStyle('opacity',0);
			var gfxbgimg = m_gfxlo.getElements('a');
			gfxbgimg[1].setStyle('background-image', 'url(/media/assets/lo_1.png)');
		}
		
		if(activeslu == '') {
			m_lu.setStyle('opacity',0);
			var gfxbgimg = m_gfxlu.getElements('a');
			gfxbgimg[1].setStyle('background-image', 'url(/media/assets/lu_1.png)');
		}
		
		if(activesro == '') {
			m_ro.setStyle('opacity',0);
			var gfxbgimg = m_gfxro.getElements('a');
			gfxbgimg[1].setStyle('background-image', 'url(/media/assets/ro_1.png)');
		}
		
		if(activesru == '') {
			m_ru.setStyle('opacity',0);
			var gfxbgimg = m_gfxru.getElements('a');
			gfxbgimg[1].setStyle('background-image', 'url(/media/assets/ru_1.png)');
		}

		
	}
	item = item.getParent();
	if(item.get('id') == 'main') { 
		if(activeslo == '') m_lo.setStyle('opacity',0);
		if(activeslu == '') m_lu.setStyle('opacity',0);
		if(activesro == '') m_ro.setStyle('opacity',0);
		if(activesru == '') m_ru.setStyle('opacity',0);
	}
	
	item = item.getParent().getParent();
	
	if(item.id == 'wrapper') { 
		if(activeslo == '') {
			m_lo.setStyle('opacity',0);
			var gfxbgimg = m_gfxlo.getElements('a');
			gfxbgimg[1].setStyle('background-image', 'url(/media/assets/lo_1.png)');
		}
		
		if(activeslu == '') {
			m_lu.setStyle('opacity',0);
			var gfxbgimg = m_gfxlu.getElements('a');
			gfxbgimg[1].setStyle('background-image', 'url(/media/assets/lu_1.png)');
		}
		
		if(activesro == '') {
			m_ro.setStyle('opacity',0);
			var gfxbgimg = m_gfxro.getElements('a');
			gfxbgimg[1].setStyle('background-image', 'url(/media/assets/ro_1.png)');
		}
		
		if(activesru == '') {
			m_ru.setStyle('opacity',0);
			var gfxbgimg = m_gfxru.getElements('a');
			gfxbgimg[1].setStyle('background-image', 'url(/media/assets/ru_1.png)');
		}
	}
	
	if(item.id == 'gfxlo') { 
		m_lo.setStyle('opacity',1);
		if(activeslu == '') m_lu.setStyle('opacity',0);
		if(activesro == '') m_ro.setStyle('opacity',0);
		if(activesru == '') m_ru.setStyle('opacity',0);
		
		var gfxbgimg = m_gfxlo.getElements('a');
		gfxbgimg[1].setStyle('background-image', 'url(/media/assets/lo_2.png)');
	}
	
	if(item.id == 'gfxlu') {
		if(activeslo == '') m_lo.setStyle('opacity',0);
		m_lu.setStyle('opacity',1);
		if(activesro == '') m_ro.setStyle('opacity',0);
		if(activesru == '') m_ru.setStyle('opacity',0);
		
		var gfxbgimg = m_gfxlu.getElements('a');
		gfxbgimg[1].setStyle('background-image', 'url(/media/assets/lu_2.png)');
	}
	if(item.id == 'gfxro') {
		if(activeslo == '') m_lo.setStyle('opacity',0);
		if(activeslu == '') m_lu.setStyle('opacity',0);
		m_ro.setStyle('opacity',1);
		if(activesru == '') m_ru.setStyle('opacity',0);
		
		var gfxbgimg = m_gfxro.getElements('a');
		gfxbgimg[1].setStyle('background-image', 'url(/media/assets/ro_2.png)');
	}
	if(item.id == 'gfxru') {
		if(activeslo == '') m_lo.setStyle('opacity',0);
		if(activeslu == '') m_lu.setStyle('opacity',0);
		if(activesro == '') m_ro.setStyle('opacity',0);
		m_ru.setStyle('opacity',1);
		
		var gfxbgimg = m_gfxru.getElements('a');
		gfxbgimg[1].setStyle('background-image', 'url(/media/assets/ru_2.png)');
		
	}
}

var m_lo;
var m_lu;
var m_ro;
var m_ru;

var m_gfxlo;
var m_gfxlu;
var m_gfxro;
var m_gfxru;

var activeslo;
var activeslu;
var activesro;
var activesru;

// für bubbles
var m_lo_bu;
var m_lu_bu;
var m_ro_bu;
var m_ru_bu;

window.addEvent('domready', function() {

	//$('introbutton').setStyle('opacity', .5);
	

			
			
	if (!(Browser.Engine.trident)) {
		var mt_main = $('wrapper');
		var main_tween = new Fx.Tween(mt_main, {duration: 600, transition: 'sine:in'});
		main_tween.start('opacity',0,1);
		
		var allLinks = $('wrapper').getElements('a');
		allLinks.each(events);
	}
	else {
	var allLinks = $('header').getElements('a');
	//allLinks.each(eventsie);
	
	}
	
	var path = '/media/assets/';
	new Asset.images([path + 'bubble_lo_2.png', path + 'bubble_ro_2.png', path + 'bubble_lu_2.png', path + 'bubble_ru_2.png', path + 'lu_2.png', path + 'lo_2.png', path + 'ro_2.png', path + 'ru_2.png'], {	
        onComplete: function() {    	
        }
    });
    
    
    
    m_lo = $('lo');
    m_lu = $('lu');
    m_ro = $('ro');
    m_ru = $('ru');
    
    m_gfxlo = $('gfxlo');
    m_gfxlu = $('gfxlu');
    m_gfxro = $('gfxro');
    m_gfxru = $('gfxru');
    
    var topclass = $('top');
    topclass = topclass.get('class');
    
    if (!(topclass == 'bubbles') && !(topclass == 'intro')) {
	    
	    activeslo = m_lo.getElements('.active');
	    if (activeslo == '')  m_lo.setStyle('opacity',0);
		
		activeslu = m_lu.getElements('.active');
		if (activeslu == '')  m_lu.setStyle('opacity',0);
		
		activesro = m_ro.getElements('.active');
		if (activesro == '')  m_ro.setStyle('opacity',0);
		
		activesru = m_ru.getElements('.active');
		if (activesru == '')  m_ru.setStyle('opacity',0);
	   		   	
	   	zeigemenuevents(m_gfxlo);
	   	zeigemenuevents(m_gfxlu);
	   	zeigemenuevents(m_gfxro);
	   	zeigemenuevents(m_gfxru);  	
	   	
	   	$('main').addEvent('mouseenter', zeigemenue);
	   	$$('.verstecker').addEvent('mouseenter', zeigemenue);
	   	//console.log(topclass);
   	}
   	else if (topclass == 'bubbles') {
   		m_lo_bu = $('lo_bu');
   		m_lu_bu = $('lu_bu');
   		m_ro_bu = $('ro_bu');
   		m_ru_bu = $('ru_bu');
   		
   		m_lo.setStyle('opacity',0);
   		m_lu.setStyle('opacity',0);
   		m_ro.setStyle('opacity',0);
   		m_ru.setStyle('opacity',0);
   		m_gfxlo.setStyle('opacity',0);
   		m_gfxlu.setStyle('opacity',0);
   		m_gfxro.setStyle('opacity',0);
   		m_gfxru.setStyle('opacity',0);
   		
   		zeigemenuevents(m_lo_bu);
   		zeigemenuevents(m_lu_bu);
   		zeigemenuevents(m_ro_bu);
   		zeigemenuevents(m_ru_bu);
   		//console.log(topclass);
   	}
	else if (topclass == 'intro') {
		m_lo.setStyle('opacity',0);
		m_lu.setStyle('opacity',0);
		m_ro.setStyle('opacity',0);
		m_ru.setStyle('opacity',0);
		m_gfxlo.setStyle('opacity',0);
		m_gfxlu.setStyle('opacity',0);
		m_gfxro.setStyle('opacity',0);
		m_gfxru.setStyle('opacity',0);
		
		
	}
	
});