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



	// Javascript-Weiche
	$$('body').removeClass('nojs');


	// Aktionsbox klickbar machen
	var special = document.id('special');
	if(special){
		var link = special.getElements('a.button');
		special.setStyle('cursor', 'pointer');
		special.addEvent('click', function(){
			window.location = link[0].get('href');
		});
	}


	// Smooth Scroll
	var w24smoothscroll = new Fx.SmoothScroll({
		links: 'a[href^=#]'
	});


	// Coolere Insert-Titles
	var inserts = $$('ins[title]');
	inserts.each(function(insert){
		var text = insert.get('title').split(' | ');
		insert.store('tip:title', text[0]);
		insert.store('tip:text', text[1]);
		insert.setStyle('cursor', 'help');
	});
	var insertTooltips = new Tips(inserts, {
		showDelay: 0
	});



	// Ecken für die Mini-Angebote
	var minis = $$('.miniangebot');
	minis.each(function(mini){
		new Element('span', {
			'class':'corner'
		}).inject(mini, 'bottom');
	});


	// Tarif-Links
	var tarife = $$('div.tarif');
	tarife.each(function(tarif){
		var link = tarif.getElements('h3 a');
		if(link[0]){
			var box = tarif.getElements('div.price')[0];
			box.setStyle('cursor', 'pointer');
			box.addEvent('click', function(){
				window.location = link[0].href;
			});
		}
	});


	// Boxschatten
	var rowwrappers = $$('.rowwrapper, .slideshow, #side .boxcontainer, #footer, .miniangebot, #special');
	rowwrappers.each(function(rowwrapper){
		rowwrapper.addClass('shadowed');
		new Element('div', { 'class':'boxshadow1' }).inject(rowwrapper);
		new Element('div', { 'class':'boxshadow2' }).inject(rowwrapper);
	});



	// Datentabellen-Dekorator
	var tables = $$('table.data');
	tables.each(function(table){
		var prev = false;
		if(table.hasClass('prev')){
			prev = true;
		}
		var tds = table.getElements('td');
		tds.each(function(td){
			if(td.hasClass('tip')){
				var tdtext = td.get('html').split(' | ');
				if(tdtext[0] == 'Ja'){
					td.set('html', '<b class="yes">' + tdtext[0] + '</b>');
				} else if(tdtext[0] == 'Nein'){
					td.set('html', '<b class="no">' + tdtext[0] + '</b>');
				} else {
					td.set('html', tdtext[0]);
				}
				if(tdtext[1]){
					var img = new Element('img', {
						src: wg24template + 'img/info.png',
						alt: '',
						'class': 'icon help tooltip'
					});
					var prevCell = td.getPrevious();
					img.store('tip:title', prevCell.get('text'));
					img.store('tip:text', tdtext[1]);
					if(prev || td.hasClass('prev')){
						img.inject(prevCell, 'bottom');
						prevCell.addClass('icon');
					} else {
						img.inject(td, 'top');
					}
				}
			} else if(td.get('text') == 'Ja') {
				td.set('html', '<b class="yes">' + td.get('text') + '</b>');
			} else if(td.get('text') == 'Nein'){
				td.set('html', '<b class="no">' + td.get('text') + '</b>');
			}
		});
		var tooltips = new Tips(table.getElements('td img.tooltip, th img.tooltip'), {
			showDelay: 0
		});
	});



	// Große Slideshow
	if (document.id('slideshow')) {
		var slidelinks = $$('#slideshow a.slidelink');
		var slideshow = new HTMLSlideshow('slideshow-content', {
			interval: 10000,
			slides: '#slideshow-content div.slide',
			onSlide: function(index){
				slidelinks.tween('opacity', 0.25);
				slidelinks[index].tween('opacity', 1);
			}
		});
		slidelinks.setStyle('opacity', 0.25);
		slidelinks[0].setStyle('opacity', 1);
		slidelinks.each(function(link){
			var slideId = link.get('href').split('-')[1];
			link.removeEvents('click'); // Entfernt SmoothScroll
			link.addEvents({
				'click': function(e){
					e.stop();
					slideshow.slideTo(slideId);
					
				},
				'mouseover': function(){
					slideshow.stop();
				},
				'mouseout': function(){
					slideshow.start();
				}
			});
		});
		slideshow.start();
	}



});





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


	// Listenhöhe in Tarifen
	var tarife = $$('div.tarif ul');
	if(tarife.length > 0){
		var h = 0;
		tarife.each(function(tarif){
			var y = tarif.getSize().y;
			if(y > h){
				h = y;
			}
		});
		tarife.setStyle('height', h + 'px');
	}


	// Auszeichnungen / Erst bei Load, weil die Größe der Bilder in den Slide wichtig ist
	// DEAKTIVIERT - wir haben nur noch einen Button
	/*var auszBox = document.id('auszeichnungen');
	if(auszBox){
		var auszScroller = new HTMLSlideshow('auszeichnungen', {
			container: 'auszScroll',
			slides: '#auszeichnungen .center'
		});
		auszScroller.start();
	}*/


	// Asynchrones laden der Buttons von externer Quelle
	var banner1 = $$('img.WHLbanner');
	if(banner1){
		banner1.set('src', 'http://www.webhostlist.de/anbieter/logo.php?aid=6558&typ=pprovider');
	}
	var banner2 = $$('img.HPKbanner');
	if(banner2){
		banner2.set('src', 'http://www.homepage-kosten.de/output/livetest.php?PID=12565157358683');
	}
	var banner3 = $$('img.WHLVBanner');
	if(banner3){
		banner3.set('src', 'http://www.mywebhostlist.de/images/verfuegbar.php?txt=5/10&chk=a3fb2a6e2f92d48f5f0a0dedf2255a1c');
	}


	// Zitate-Scrollfunktion / Erst bei Load weil sonst seltsame Dinge passieren
	var scrollBox = document.id('quotescroller');
	if(scrollBox){
		var quoteScroller = new HTMLSlideshow('quotescroller', {
			slides: '#quotescroller div.quote',
			showFunction: function(slide, func){
				var top = slide.retrieve('top');
				if(top === null){
					top = slide.getStyle('top').toInt();
					slide.store('top', top);
				}
				var from, to;
				if(func !== 'slideBack'){
					from = top - 20;
					to = top;
				} else {
					from = top + 20;
					to = top;
				}
				slide.morph({
					opacity: [0, 1],
					top: [from, to]
				});
			},

			hideFunction: function(slide, func){
				var top = slide.retrieve('top');
				if (top === null) {
					top = slide.getStyle('top').toInt();
					slide.store('top', top);
				}
				var from, to;
				if(func !== 'slideBack'){
					from = top;
					to = top + 20;
				} else {
					from = top;
					to = top - 20;
				}
				slide.morph({
					opacity: [1, 0],
					top: [from, to]
				});
			}
		});
		quoteScroller.start();
		var linkContainer = new Element('p', { 'class': 'center bigtext quotecontrol', text: ' | ' })
		var prevLink = new Element('a', {
			text: '«',
			href: '#',
			events: {
				'click': function(e){
					e.stop();
					quoteScroller.slideBack();
				},
				'mouseover': function(){
					quoteScroller.stop();
				},
				'mouseout': function(){
					quoteScroller.start();
				}
			}
		}).inject(linkContainer, 'top');
		var nextLink = new Element('a', {
			text: '»', 
			href: '#',
			events: {
				'click': function(e){
					e.stop();
					quoteScroller.slide();
				},
				'mouseover': function(){
					quoteScroller.stop();
				},
				'mouseout': function(){
					quoteScroller.start();
				}
			}
		}).inject(linkContainer, 'bottom');
		linkContainer.inject(scrollBox, 'after');
	}


});