window.addEvent('load', function () { 
 $('leistungen_speziell').setStyle('display','none'); 
 $('formular').setStyle('display','none');
 });
 

getTwitters('tweet', { 
  id: 'MadeMyDay', 
  count: 1, 
  enableLinks: true, 
  ignoreReplies: false, 
  clearContents: true,
  template: '%text% <a class="time" href="http://twitter.com/MadeMyDay/statuses/%id%/">%time%</a>'
});
 
 window.addEvent('domready', function () {  
 if (!Browser.Engine.trident4) {
 	new mParallax($('wall'), {
 		mouseport: $('mouseport'),
 		frameDuration: 30,
 		triggerResponse: false
 	}, {
 		width: 2300,
 		height: 1400
 	}, {
 		width: 3000,
 		height: 1780
 	}, {
 		width: 2800,
 		height: 1980
 	}, {
 		width: 2600,
 		height: 1800
 	}, {
 		width: 2960,
 		height: 1700
 	}, {
 		width: 1920,
 		height: 1200
 	});
 	var info_active = $('logo').getElement('div.infotext').clone().inject($('carbon'), 'top').setStyles({
 		'display': 'block'
 	});
 	//  var info_active = $('carbon').getElement($('div.infotext'));
		var carbon = $('carbon');
		var refs = $$('.ref_einzeln');
		var img_off = Array();
		var infotext = Array();
		refs.each(function(ref, i){
			var link = ref.getElement('a.seite_besuchen');
			if ($defined(link)) {
				link.setStyle('display', 'none');
			}
			var img_on = ref.getFirst($('img'));
			if ($defined(img_on)) {
				var img_src = img_on.getProperty('src').toString();
				var img_off_src = img_src.replace(/.jpg/, '_off.jpg');
				//img_src = img_src.split('.jpg').join('_off.jpg');
				img_off[i] = img_on.clone().set('src', img_off_src).inject(img_on, 'after');
			//$('info').appendText(img_off_src);
			}
		})
		var rahmen = $$('img.rahmen');
		rahmen.each(function(frame, j){
			var myFx = new Fx.Tween(img_off[j], {
				duration: 250
			});
			frame.addEvents({
				mouseenter: function(){
					myFx.cancel();
					myFx.start('opacity', 0);
				},
				mouseleave: function(){
					myFx.cancel();
					myFx.start('opacity', 1);
				}
			});
		})
		var hasinfo = $$('div.hasinfo');
		hasinfo.each(function(info, x){
			infotext[x] = info.getElement('div.infotext');
			infotext[x].setStyle('display', 'none');
			var carbon = $('carbon');
			var myEffect = new Fx.Morph(carbon, {
				duration: 350,
				transition: Fx.Transitions.Sine.easeOut
			});
			if ($defined(info.getElement('img.rahmen'))) {
				info = info.getElement('img.rahmen');
			}
			info.addEvents({
				mouseenter: function(){
					var info_active_new = infotext[x].clone();
					var info_height = info_active.getSize().y;
					carbon.setStyle('height', info_height);
					info_active.setStyles({
						'position': 'absolute'
					})
					info_active_new.inject(carbon, 'top').setStyles({
						'display': 'block',
						'opacity': 0,
						'position': 'absolute'
					});
					var opacity_effect = new Fx.Morph(info_active_new, {
						duration: 500,
						transition: Fx.Transitions.Sine.easeOut
					});
					opacity_effect.cancel();
					opacity_effect.start({
						'opacity': 1
					})
					var opacity_effect_old = new Fx.Morph(info_active, {
						duration: 500,
						transition: Fx.Transitions.Sine.easeOut
					});
					opacity_effect_old.cancel();
					opacity_effect_old.start({
						'opacity': 0,
						onComplete: function(){
							info_active.dispose.delay(1000, info_active);
							info_active = info_active_new;
						}
					})
					
					var new_height = info_active_new.getSize().y;
					myEffect.start({
						'height': new_height
					})
					info_changed = 0;
				}
			});
			
		})
		function shooter(scheibe){
			scheibe.setStyle('opacity', 0.3);
			scheibe.getElement('div.infotext').setStyles({
				'display': 'none',
				'opacity': 0
			})
			$('scoresubmit').setStyle('display','none');
			var score = 300;
			var shots = 0;
			var animated = 0;
			var info_changed = 0;
			var testzeit = 0;
			var scheibeMove = new Fx.Morph(scheibe, {
				duration: 10000,
				transition: Fx.Transitions.Sine.easeOut
			});
			var MouseDrag = function(e){
				if (animated == 0) {
					var timer = new Timer({
						length: 10000
					});
					timer.setDisplay($('timeleft'));
					timer.startTimer();
					scheibeMove.start({
						'left': '300px',
						'top': '1000px'
					})
					animated = 1;
					testzeit = (new Date()).getTime();
				}
				var mouseX = e.client.x - this.getPosition().x;
				var mouseY = e.client.y - this.getPosition().y;
				var mousePos = mouseX + 'px, ' + mouseY + 'px';
				var bullet = new Element('img').set('src', '/assets/templates/siebennull/css/images/bullet_hole.png').setStyles({
					'position': 'absolute',
					'left': (mouseX - 13) + 'px',
					'width': '26px',
					'height': '22px',
					'top': (mouseY - 11) + 'px'
				}).inject($('scheibe'));
				//$('scheibe').appendText(mouseX + '.' + mouseY + ' | ');
				score = score - ((mouseX - 144) < 0 ? -(mouseX - 144) : (mouseX - 144)) - ((mouseY - 143) < 0 ? -(mouseY - 143) : (mouseY - 143));
				//$('scheibe').appendText('Score: ' + score + ' | ');
				shots++;
				if (shots == 5) {
					var testzeit2 = (new Date()).getTime();
					var dauer = (testzeit2 - testzeit);
					dauer = parseInt(dauer / 100);
					var t = dauer % 10;
					dauer = parseInt(dauer / 10); // tenths of a second
					var s = dauer % 60;
					dauer = parseInt(dauer / 60); // seconds
					var gesamt = score + (100 - (t + s * 10));
					var ranking = '';
					if (gesamt >= 365) 
						ranking = 'Bill Gates braucht einen Leibwächter / Bill Gates needs a bodyguard!';
					if (gesamt < 365) 
						ranking = 'Das BKA sperrt Flüge nach Redmond für Dich / Interpol cancels your flights to Redmond';
					if (gesamt < 355) 
						ranking = 'Du bist ein hochgradig gefährdeter Killerspieler / You are an endangered Ego Shooter';
					if (gesamt < 350) 
						ranking = 'Der IE ist Dein erklärter Feind / IE is your enemy';
					if (gesamt < 340) 
						ranking = 'Der IE hat Dich etliche Stunden gekostet / You had lots of hours` worth of loss because of IE';
					if (gesamt < 330) 
						ranking = 'Box-Model-Bug-Kotzer / Box-Model-Bug makes you puke';
					if (gesamt < 320) 
						ranking = 'Double-Margin-Bug-Entdecker / You just discovered the double-margin-bug';
					if (gesamt < 310) 
						ranking = 'PNG-Vermeider / You avoid PNGs';
					if (gesamt < 300) 
						ranking = 'position: absolute und relative-Verwechsler / position absolute/relative what?';
					if (gesamt < 280) 
						ranking = 'Vista-Nutzer / Vista user';
					if (gesamt < 260) 
						ranking = 'Microsoft-Zertifizierter / Microsoft-certified';
					if (gesamt < 240) 
						ranking = 'IE-Upgrade-Verweigerer / IE upgrade denier';
					if (gesamt < 220) 
						ranking = 'Steve Ballmer';
					if (gesamt < 200) 
						ranking = 'Firefox-Verweigerer / Firefox denier';
					if (gesamt < 170) 
						ranking = 'Freund von DRM / Friend of DRM';
					if (gesamt < 120) 
						ranking = 'Closed Source ist Deine Religion / Closed source is your religion';
					if (gesamt < 50) 
						ranking = 'Bill Gates ist Dein Vorbild / Bill Gates is your example';
					if (gesamt < 0) 
						ranking = 'Hoffnungsloser Fall. Bitte drücke STRG+ALT+ENTF / Press CTRL+ALT+DEL';
					var ranking_en = ranking.split(' / ');
					var gesamtDiv = new Element('div').set({
						'id': 'gesamt',
						'html': 'Score: ' + gesamt
					}).inject($('score'), 'after');
					var rankingDiv = new Element('div').set({
						'html': 'Ranking: ' + ranking,
						'id': 'ranking'
					}).inject(gesamtDiv, 'after');
					var rankingDiv = new Element('div').set({
						'html': 'Ranking: ' + ranking,
						'id': 'ranking2'
					}).inject(rankingDiv, 'after');
					
					
					$('score').appendText('Trefferpunkte: ' + score + ' | Dauer: ' + s + ',' + t + ' Sekunden');
					scheibe.setStyle('opacity', 0.6).removeEvents();
					$('timeleft').dispose();
					scheibeMove.cancel();
					SqueezeBox.initialize({
						size: {x: 800, y: 600}
					});
					$('ajax-loading').setStyle('display','none');
					$('scoresubmit').setStyle('display','block');
					var scoreform = $('scoreform');
					var tweetthis = $('tweetthis');
					var yourname = $('yourname');
					$('yourname').select();
					status = encodeURI('I scored ' + gesamt + ' at the IE-Shooter on http://www.siebennull.com, ranking: ' + ranking_en[1]);
					tweetthis.set('href','http://twitter.com/home?status=' + status);
					// $('scheibe').appendText(status);
					tweetthis.addEvent('click', function(e){
					$('inputscore').set('value',gesamt);
					$('ajax-loading').setStyle('display','block');
					e.stop();
					scoreform.set('send', {
						onComplete: function(response){
							$('ajax-loading').setStyle('display','none');			
							$('scoresubmit').set('html', response);
						}
					});
					// Send the form.
					scoreform.send();
				});
				}
			}
			var scheibeopac = new Fx.Morph(scheibe, {
				duration: 400,
				transition: Fx.Transitions.Sine.easeOut
			});
			scheibe.addEvents({
				'click': MouseDrag,
				mouseenter: function(){
					scheibeopac.start({
						'opacity': 1
					});
				},
				mouseleave: function(){
					scheibeopac.start({
						'opacity': 0.4
					});
				}
			});
		}
	shooter($('scheibe'));
	}
	
	var postkarte = $('postkarte');
	var formular = $('formular');
	
	postkarte.setStyles({
		'position': 'absolute',
		'left': 0,
		'top': '-300px',
		'display': 'none'
	})
	var kontaktbutton = $('kontaktbutton');
	var offen = 0;
	var top = 0;
	kontaktbutton.addEvents({
		'click': function(){
			var postmorph =  new Fx.Morph(postkarte, {duration: 300, transition: Fx.Transitions.Sine.easeOut});
			
			offen == 1 ? top = '-300px' : top = '0px';
			postkarte.setStyle('display','block');
			if (offen == 1) {
				$('logo').setStyle('display','block');
				formular.setStyles.delay(400, formular,{
					'display': 'none'
				});
			} else {
				formular.setStyle('display','block');
				$('logo').setStyle('display','none');
			}
			postmorph.start({
				'top': top
			});
			$('Name').focus();
			offen == 1 ? offen = 0 : offen = 1;
		}
	})
	
	function kontakt(form){
		$('ajax_loading').setStyle('display','none');
		form.addEvent('submit', function(e){
			e.stop();
			var postkarte = $('postkarte');
			var postmorph2 =  new Fx.Morph(postkarte, {duration: 600, transition: Fx.Transitions.Sine.easeOut});
			// Show the spinning indicator when pressing the submit button...
			$('ajax_loading').setStyle('display','block');
			postmorph2.start({
				'top': '-293px'
			})
			// Hide the submit button while processing...
			// $('input.submit').setStyle('display','none');
			
			// Set the options of the form's Request handler.
			// ("this" refers to the $('login') element).
			this.set('send', {
				onComplete: function(response){
					$('ajax_loading').setStyle('display','none');			
						$('postkarte').set('html', response);
						var new_form = $('feedbackForm');
						if($defined(new_form)){
							postmorph2.cancel();
								postmorph2.start({
									'top': '0px'
								})
								kontakt(new_form);
							} else {
								$('kontakt').setStyle({'height': '200px'});
							}
				}
			});
			// Send the form.
			this.send();
		});
	}
	kontakt($('feedbackForm'));
	var schalter = $('umschalter_leistung');
	var leistung_inaktiv = $('leistungen_speziell');
	var leistung_aktiv = $('leistungen_allgemein');
	var switcher = $('leistungen_allgemein');
	schalter.addEvents({
		'click': function(){
			var leistung_in =  new Fx.Morph(leistung_inaktiv, {duration: 400, transition: Fx.Transitions.Sine.easeOut});
			var leistung_out =  new Fx.Morph(leistung_aktiv, {duration: 400, transition: Fx.Transitions.Sine.easeOut});
			leistung_in.start({
				'opacity': 1,
				'display': 'block'
			})
			leistung_out.start({
				'opacity': 0
			})
			leistung_aktiv.setStyles.delay(400, leistung_aktiv,{
				'display': 'none'
			})
			schalter.toggleClass('active');
			switcher = leistung_inaktiv;
			leistung_inaktiv = leistung_aktiv;
			leistung_aktiv = switcher;		
		}
	})
	
ReMooz.assign('a.zoom', {
		'origin': 'img',
		'shadow': 'onOpenEnd', // fx is faster because shadow appears after resize animation
		'resizeFactor': 0.8, // resize to maximum 80% of screen size
		'cutOut': false, // don't hide the original
		'opacityResize': 0.4, // opaque resize
		'centered': true // resize to center of the screen, not relative to the source element
	});

SqueezeBox.parsers.swf = function(preset) {
	return (preset || this.url.test(/\.swf/)) ? this.url : false;
};
 
SqueezeBox.handlers.swf = function(url) {
	var size = this.options.size;
	return new Swiff(url, {
		id: 'sbox-swf',
		width: size.x,
		height: size.y
	});
};
	/**
	 * That CSS selector will find all <a> elements with the
	 * class boxed.
	 *
	 * The second argument sets additional options
	 */
	SqueezeBox.assign($$('a.boxed'), {
		parse: 'rel'
	});


});