//get ALL Links
var navigationElementsVar = 'a';
var navigationElements;
var mediaLinksVar = ['.media a', '#video-menu a'];
var mediaLinks;


window.addEvent('domready', function(){
	if(Browser.Engine.trident){
	return
	} else {
		initialize();
	}
}); 

//Load Ani-Frames after Content-Images loaded
window.onload = function(){
	if(Browser.Engine.trident){
	return
	} else {
		var bgImage = new Asset.image('images/bg1.jpg');
		var bgImage2 = new Asset.image('images/bg2.jpg');
		var bgHImage1 = new Asset.image('images/bg_h1.jpg');
		var bgHImage2 = new Asset.image('images/bg_h2.jpg');
	}
}
function initialize(){
	changeLinks();
	navigationElements.addEvent('click', function(){
		bgEffect($(this));
	});
	//Set custom event for mediaLinks
	mediaLinks.removeEvent('click', function(){
		bgEffect($(this));
	});
	mediaLinks.addEvent('click', function(){
		bgEffectH($(this));
	});
}
function hideContent(){
	//$('navigation').setStyle('display', 'none');
	$('contpane').setStyle('display', 'none');
}
function changeBg(){
	$$('body')[0].setStyle('background-image', 'url(images/bg1.jpg)');
}
function changeBg2(){
	$$('body')[0].setStyle('background-image', 'url(images/bg2.jpg)');
}
function oldBg(){
	$$('body')[0].setStyle('background-image', 'url(images/bg_def.jpg)');
}

function changeBgH(){
	$$('body')[0].setStyle('background-image', 'url(images/bg_h1.jpg)');
}
function changeBgH2(){
	$$('body')[0].setStyle('background-image', 'url(images/bg_h2.jpg)');
}
function goTo(url){
	this.location.href = url;
}
function changeLinks(){
	navigationElements = $$(navigationElementsVar);
	navigationElements.each(function(item, index){
		var current = item;
		var url = current.getProperty('href');
		
		//URL löschen
		//current.setProperty('href','javascript:void(0);');
		current.removeProperty('href');
		//URL in name schreiben
		current.setProperty('dir', url);
		//alert(current.getProperty('dir'));
	});
	//Get Media-Links
	mediaLinks = $$(mediaLinksVar);
}
function backFromVideo(){
	$('video-box').dispose();
	(function(){history.back();}).delay(100);
}
function bgEffect(selected){
	hideContent();
	changeBg();
	(function(){changeBg2();}).delay(100);
	(function(){changeBg();}).delay(200);
	(function(){oldBg();}).delay(300);
	(function(){goTo(selected.getProperty('dir'));}).delay(300);
}
function bgEffectH(selected){
	hideContent();
	changeBgH();
	(function(){changeBgH2();}).delay(100);
	(function(){changeBgH();}).delay(200);
	(function(){oldBg();}).delay(300);
	(function(){goTo(selected.getProperty('dir'));}).delay(300);
}
//Handle back-button click
/*window.onbeforeunload = function () {
	hideContent();
	changeBg();
	(function(){oldBg();}).delay(200);
	(function(){window.location.reload();}).delay(200);
}*/