//**************** helfer für das Einblenden der AJAX-Loading-Grafik **************//
var loading = 1;
function toggle_loading(){
	var loading_element = Ext.get('ajax_loading');
	if (loading){
		loading_element.setStyle({display : 'none'});
		loading = 0;
	} else {
		loading_element.setStyle({display : 'block'});
		loading = 1;	
	}
}

//******************** Soundmanager initialisieren ********************//
soundManager.url = 'soundmanager/swf/'; // directory where SM2 .SWFs live
soundManager.debugMode = false;		
soundManager.onload = function() {		
	soundManager.createSound('helloWorld','media/2290509HEI.mp3');
};

//**************** Effekte  für das Einblenden des Contents **************//
function blind(el,from_direction){
	el.setOpacity(0);
	el.setStyle({height : '330px'});	
	el.syncFx()
	el.slideIn(from_direction,{duration: .5})
	el.fadeIn({duration: 2});
	el.sequenceFx();	
}

function phaseIn(el){
	el.setOpacity(0);	
	el.shift({		
			opacity: [1],    
		    height: [330],		    
		    duration: 0.8
	});
}

//***************** Overlays für Band-Seite *****************************//



//**************** Start on Page Load **************//
Ext.onReady(function() {	
		
	// Inhalt wird eingeblendet
	var el = Ext.get('content');
	
	if (el.hasClass('videoplayer')==false){		
		//blind(el,'l');	// von left reinfahren				
		phaseIn(el);
		/*
		var randomnumber=Math.floor(Math.random()*5);	
		switch (randomnumber) {
			
			case 0:
				blind(el,'t');	// von oben reinfahren	
				break;
			case 1:
				blind(el,'b');	// von bottom reinfahren	
				break;
			case 2:
				blind(el,'l');	// von left reinfahren	
				break;
			case 3:
				blind(el,'r');	// von right reinfahren	
				break;	
		
			default :
				phaseIn(el); // ein phasen
				break;	
		}*/
	}
			
	//nach dem Laden der Seite Ajax-Ani ausschalten
	toggle_loading();		
	
	//*********** Events an Elemente binden *************//
	// Navigationsklick zeigt Ajax-Loading-Bild
	Ext.fly('navigation').on('click', function(e,t) {
			toggle_loading();
	});
	
	// Soundlogo mit Mouseover Effekt
	Ext.fly('soundlogo').on('mouseover', function(e,t) {			
			soundManager.play('helloWorld');	
	});
	Ext.fly('soundlogo').on('mouseout', function(e,t) {			
			soundManager.stop('helloWorld');	
			
	});
	Ext.fly('soundlogo2').on('mouseover', function(e,t) {			
		soundManager.play('helloWorld');	
	});
	Ext.fly('soundlogo2').on('mouseout', function(e,t) {			
		soundManager.stop('helloWorld');	
		
});
		
	
});