function str_replace(search, replace, subject) {
	return subject.split(search).join(replace);
}

function change_color() {
	if (this.element.getStyle('color') == '#004a8e')
		this.element.setStyle('color', '#de553e');
	else
		this.element.setStyle('color', '#004a8e');
}

window.addEvent('domready', function() {
	var apply_button = {element : $('navi').getElements('a')[2]};
	change_color.periodical(800, apply_button);	
	
	//===============================================================================================================================================================//
		//NAVI//
	//===============================================================================================================================================================//
	var windowSize = window.getSize().x;
	if (windowSize < 1030) {
		$('navi').setStyle('margin-right', 15);
		$('content').setStyle('margin-right', 15);
		$('wrapper').setStyle('margin-left', -(windowSize) / 2);
	}
	
	
	//===============================================================================================================================================================//
		//NAVI//
	//===============================================================================================================================================================//
	var sublevels = $$('li.level2').getParent('ul');
	var menuLinks = $$('li.level1').getElement('a');	
	sublevels.each(function(item) {
		if (item.getElement('li.active') == null) {
			item.setStyles({'height': 'auto', 'overflow': 'visible'});
			var slideFx = new Fx.Slide(item);
			slideFx.toggle();
		} else {
			item.setStyles({'height': 'auto', 'overflow': 'visible'});
		}
	})
	
	menuLinks.addEvent('click', function(e) {
		openItem = null;
		closeItem = null;
		if (this.getNext() != null) {
			e.stop();
			if (this.getParent('li.active') == null) {
				var that = this;
				var slideFx = new Fx.Slide(this.getNext().getElement('ul'), {
					onComplete: function() {
						var sublevels = $$('li.level2').getParent('ul');
						sublevels.each(function(item) {
							if (item.getStyle('margin-top').toInt() == 0 && item != that.getNext().getElement('ul')) {
								var slideFx = new Fx.Slide(item);
								slideFx.toggle();
							}
						})
					}
				});
				slideFx.toggle();
			}
		}
	})
	
	var navi = $('navi');
	navi.getElement('form').getLast('input').set('value', '» go!');
	
	
	
	//===============================================================================================================================================================//
		//FIGUREN//
	//===============================================================================================================================================================//
	var windowPos = window.getScroll().y;
	var maxHeight = $('content').getDimensions().height;
	//var fig1 = $('fig1');
	//var fig2 = $('fig2');
	var fig3 = $('fig3');
	var fig4 = $('fig4');
	var fig5 = $('fig5');
	var fig6 = $('fig6');
	var fig7 = $('fig7');
	var fig8 = $('fig8');
	window.addEvent('scroll', function() {
		windowPos = window.getScroll().y;
		if (windowPos + 700 < maxHeight) {
			//fig1.setStyle('top', 195 + windowPos);
			//fig2.setStyle('top', 640 + windowPos);
			fig3.setStyle('left', -535 + (windowPos * 1.5));
			fig4.setStyle('top', 211 + windowPos);
			fig5.setStyles({'height': (windowPos < 2500)? windowPos / 4 : (windowPos / 40 - windowPos - 300), 'top': (windowPos < maxHeight + 250)? 620 + windowPos / 1.3 : fig5.getStyle('top').toInt()});
			fig6.setStyle('top', 596 + windowPos);
			fig7.setStyles({'top': (windowPos < maxHeight)? 190 + windowPos : fig7.getStyle('top').toInt(), 'right': (windowPos < maxHeight + 450)? -170 + windowPos / 1.4 : fig7.getStyle('right').toInt()});
			fig8.setStyle('left', -320 + windowPos * 5);
		}
	})
	
	
	
	//===============================================================================================================================================================//
		//GALLERIE//
	//===============================================================================================================================================================//
	var setGallery = function(gallery) {
		var images = gallery.getElements('img');
		var headline = gallery.getElement('h4');
		if (gallery.getPrevious('div.gallery') != null) {
			var top = topTop + gallery.getPrevious('div.gallery').getLast('a').getElement('img').getDimensions().height + 140;
		} else var top = 40;
		var l = 0; var left = 0; var i = 0; if ((typeof topTop) == "undefined") {window.topTop = 0;}
		headline.setStyles({'position': 'absolute', 'top': top - 40, 'width': 564, 'display': 'block'});
		top = top + headline.getDimensions().height - 20;
		var setImage = function() {					
			if (Math.ceil(i / 6) == i / 6)
				l = 0;
			left = l * 90;
			
			if (i > 5) {
				var pos = images[i - 6].getStyle('top').toInt();
				var height = images[i - 6].getDimensions();
				height = height.height;
				top = pos + height;
			}
			
			var image = images[i];
			
			image.setStyles({
				'display': 'block',
				'position': 'absolute',
				'left': left + (l * 4) + 207,
				'top': top + 4
			})
			
			if (top > topTop) topTop = top;
			l++; i++;
			if (i < images.length) {
				$('content').setStyle('height', topTop + image.getDimensions().height + 100)
				setImage.delay(100);
			}
			else {
				if (image.getParent().getParent().getNext('div.gallery') != null) {
					setGallery(image.getParent().getParent().getNext('div.gallery'));
				} 
			}
		}
		setImage.delay(100);
	}
	
	var galleries = $$('div.gallery');
	if (galleries[0] != null) {
		galleries.each(function(item) {
			item.getElements('img').setStyle('display', 'none');
			item.getElements('h4').setStyle('display', 'none');
		})
		setGallery(galleries[0]);
	}
	
	
	
	//===============================================================================================================================================================//
		//APPLY//
	//===============================================================================================================================================================//
	if ($('openTerms') != null) {
		var termsButton = $('openTerms');
		
		termsButton.addEvent('click', function(e) {
			e.stop();
			var request = new Request.HTML({
				onSuccess: function(Tree, Elements, HTML, JavaScript) {
					var termsContainer = new Element('div', {
						'id': 'termsContainer',
						'html': HTML
					})
					var overlay = new Element('div', {
						'id': 'termsOverlay',
						'styles': {
							'width': '100%',
							'height': '150%',
							'background-color': '#000',
							'opacity': '0.5',
							'position': 'absolute',
							'top': 0,
							'left': 0,
							'z-index': '10'
						},
						'events': {
							'click': function() {
								termsContainer.destroy();
								this.destroy();
							}
						}
					})
					overlay.inject($$('body')[0]);
					termsContainer.inject($$('body')[0]);
				}
			}).get('index.php?id=28');
		})
	}
	
	
	
	//===============================================================================================================================================================//
		//APPLY//
	//===============================================================================================================================================================//
	var radioFiles = $$('a.radioFile');
	if (radioFiles != null) {
		radioFiles.each(function(item) {
			var file = item.getProperty('href');
			var id = item.getProperty('id');
			AudioPlayer.embed(id, {
				soundFile: '/'+file,
				titles: "radio",
				artists: "ugly",
				transparentpagebg: "yes"
			});
		})
	}

	//===============================================================================================================================================================//
		//OVERLAY//
	//===============================================================================================================================================================//
	/*if ($('teaserWrapper') != null) {
		var startTime = new Date().getTime();
		var overlay = new Element('div', {
			'id' : 'overlay'
		});
		$$('body')[0].grab(overlay, 'top');
		var skipWrapper = new Element('div', {'id' : 'skipWrapper'});
		var skip = new Element('span', {
			'id' : 'skipButton',
			events : {
				'click' : function() {
					$$('body')[0].setStyle('overflow-y', 'scroll');
					$('overlay').destroy();
					$('teaserWrapper').destroy();
					this.getParent().destroy();
					var timing = Math.round((new Date().getTime() - startTime) / 1000);
					var timeRequest = new Request({
						url : 'php/timing.php'
					}).send('timer='+timing);
				}
			}
			
		});
		skipWrapper.grab(skip);
		$$('body')[0].grab(skipWrapper);
		var objects = $$('object');
		objects.each(function(item, index) {
			var wmode = new Element('param', {'name' : 'wmode', 'value' : 'transparent'});
			item.grab(wmode);
		})
		$$('body')[0].setStyle('overflow-y', 'hidden');
	}*/
	
	
})