/* JavaScript Document
 * Author: 		Philipp Krummenauer
 * E-Mail:		mail@philipp-krummenauer.de
 * Homepage:	http://www.philipp-krummenauer.de
 * File:		mainnav.js
 * Date:		12.09.2010
 * Last Edit:	12.09.2010
 * Version:		1.0
 * URL:			http://www.sana-tornow.de
 */
 
	window.addEvent('domready',function(){
		//Header-Element vereinbaren
		var div_header = $('header_content');
		
		
		//Beim laden Overbuttons ausfaden um spaeter einfaden zu ermoglichen
		$('content_prog_ov').fade('hide').removeClass('hide');
		$('content_illu_ov').fade('hide').removeClass('hide');
		$('content_foto_ov').fade('hide').removeClass('hide');
		
		
		//Startseiten-Zitat ausblenden und spaeter einblenden
		$('quote_start').fade('hide').removeClass('hide');

		
		//Startseiten-Portrait ausblenden und spaeter einblenden
		$('header_portrait').fade('hide').removeClass('hide');

		
		//Startseiten-Button ausblenden und spaeter einblenden
		$('header_button').fade('hide').removeClass('hide');
		$('header_button_content').fade('hide').removeClass('hide');
		
		
		//Nach Laden Portrait und Zitat einblenden
		/* setTimeout("$('header_portrait').fade('in');$('quote_start').fade('in');", 500); */
		setTimeout("$('header_portrait').fade('in');$('header_button').fade('in');$('quote_start').fade('in');", 500);
		
		
		//Overeffekte Extension Programmieren
		$('content_prog_no').addEvent('mouseenter',function(e){
			$('content_prog_ov').fade('in'); e.stop;
		});
		$('content_prog_ov').addEvent('mouseout',function(e){
			$('content_prog_ov').fade('out'); e.stop;
		});
		
		//Overeffekte Extension Illustrationen
		$('content_illu_no').addEvent('mouseenter',function(e){
			$('content_illu_ov').fade('in'); e.stop;
		});
		$('content_illu_ov').addEvent('mouseout',function(e){
			$('content_illu_ov').fade('out'); e.stop;
		});
		
		//Overeffekte Extension Fotografie
		$('content_foto_no').addEvent('mouseenter',function(e){
			$('content_foto_ov').fade('in'); e.stop;
		});
		$('content_foto_ov').addEvent('mouseout',function(e){
			$('content_foto_ov').fade('out'); e.stop;
		});
		
		
		//Impressum beim Laden ausblenden und spaeter einblenden
		$('div_impressum').fade('hide').removeClass('hide');
		$('impr_header').fade('hide').removeClass('hide');
		$('div_impressum').addClass('div_impressum');
		$$('.alert-impressum').addEvent('click',function(e){
			$('div_impressum').fade('in'); e.stop;
			$('impr_header').fade('in'); e.stop;
		});
		
		//Impressum ausfaden
		$('close_button').addEvent('click',function(e){
			$('div_impressum').fade('out'); e.stop;
			$('impr_header').fade('out'); e.stop;
		});

		
		//Mailbenachrichtung ausblenden
		$('submit_div').fade('hide').removeClass('hide');
		
		
		//Pfadattribut deklarieren
		if (!window.demo_path) window.demo_path = '';
		var demo_path = window.demo_path;
		
		
		//Request senden
		$('kontakt_form').addEvent('submit', function(e) {
			e.stop();
			
			//Eingabe pruefen
			if (
				$('kontakt_area').value && 
				$('name_field').value && 
				$('mail_field').value && 
				$('kontakt_area').value != 'Geben Sie hier Ihre Nachricht ein!' && 
				$('name_field').value != 'Geben Sie hier Ihren Namen ein!' && 
				$('mail_field').value != 'Geben Sie hier Ihre e-Mail-Adresse ein!') {
			
				//$('submit_div').setStyle('display', 'block');
				
				var log = $('submit_text').empty();
			
				this.set('send', {onComplete: function(response) {
					$('submit_div').fade(1);
					log.set('html', response);
					setTimeout("$('submit_div').fade(0);", 2500)
					
					$('kontakt_area').value = '';
					$('name_field').value = '';
					$('mail_field').value = '';
					
					$('arbeit_checkbox').checked = false;
					$('portfolio_checkbox').checked = false;
					$('haare_checkbox').checked = false;
				}});
			
				this.send();
			} else {
				
				if(!$('mail_field').value) {
					$('mail_field').value = 'Geben Sie hier Ihre e-Mail-Adresse ein!';
				}
				if(!$('name_field').value) {
					$('name_field').value = 'Geben Sie hier Ihren Namen ein!';
				}
				if(!$('kontakt_area').value) {
					$('kontakt_area').value = 'Geben Sie hier Ihre Nachricht ein!';
				}
			}
		});
		
		//Hauptnavigationsbuttons deaktivieren zu Seitenstart
		$('header_button').addEvent('click', function(){
			div_header.tween('height', 550);
			$('header_portrait').fade('in');
			$('navi_proj').removeClass('active');
			$('navi_exte').removeClass('active');
			$('navi_kont').removeClass('active');
			
			fade_zitat('start');
			return false; // alternative syntax to stop the event
		});
		
		/*
		$('navi_proj').addEvent('mouseenter', function(){
			$('header_portrait').fade('out');
			
			fade_zitat('proj');
			div_header.tween('height', 86);
			$('navi_proj').addClass('active');
			return false; // alternative syntax to stop the event
		});
		
		$('navi_exte').addEvent('mouseenter', function(){
			$('header_portrait').fade('out');
			
			fade_zitat('exte');
			div_header.tween('height', 86);
			$('navi_exte').addClass('active');
			return false; // alternative syntax to stop the event
		});
		
		$('navi_kont').addEvent('mouseenter', function(){
			$('header_portrait').fade('out');
			
			fade_zitat('kont');
			div_header.tween('height', 86);
			$('navi_kont').addClass('active');
			return false; // alternative syntax to stop the event
		});
		*/
		$('navi_proj').addEvent('click', function(){
			$('header_portrait').fade('out');
			
			fade_zitat('proj');
			div_header.tween('height', 86);
			$('navi_proj').addClass('active');
			return false; // alternative syntax to stop the event
		});
		
		$('navi_exte').addEvent('click', function(){
			$('header_portrait').fade('out');
			
			fade_zitat('exte');
			div_header.tween('height', 86);
			$('navi_exte').addClass('active');
			return false; // alternative syntax to stop the event
		});
		
		$('navi_kont').addEvent('click', function(){
			$('header_portrait').fade('out');
			
			fade_zitat('kont');
			div_header.tween('height', 86);
			$('navi_kont').addClass('active');
			return false; // alternative syntax to stop the event
		});

		//Hauptnavigation als Slide zwischen den Seiten
		var nav_main = new noobSlide({
			box: $('box_content'),
			items: $$('#box_content div'),
			size: 1280, 
			handles: $$('#navi_buttons div'),
			handle_event: 'click',
			onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
		});
		
		/* Site Startup */
		div_header.tween('height', 550);
		$('navi_proj').removeClass('active');
		$('navi_exte').removeClass('active');
		$('navi_kont').removeClass('active');
		
		

		//Projektnavigation als Slide
		var nav_proj = new noobSlide({
			box: $('box_projects'),
			items: $$('#box_projects div'),
			size: 1075, 
			handle_event: 'mouseenter',
			fxOptions: {
				duration: 1500,
				/*transition: Fx.Transitions.Bounce.easeOut,*/
				wait: false
			},
			addButtons: {
				previous: $('button_links'),
				next: $('button_rechts')
			}, 
			onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
		});
		
	});
	
	function fade_zitat($target) {
		if($target=='start') {
			$('quote_proj').fade('out');
			$('quote_exte').fade('out');
			$('quote_kont').fade('out');
			$('quote_proj').addClass('hide');
			$('quote_exte').addClass('hide');
			$('quote_kont').addClass('hide');
			
			$('quote_start').fade('hide').removeClass('hide');
			setTimeout("$('quote_start').fade('in');", 500);
		}else if($target=='proj') {
			$('quote_start').fade('out');
			$('quote_exte').fade('out');
			$('quote_kont').fade('out');
			$('quote_start').addClass('hide');
			$('quote_exte').addClass('hide');
			$('quote_kont').addClass('hide');
			
			$('quote_proj').fade('hide').removeClass('hide');
			setTimeout("$('quote_proj').fade('in');", 500);
		}else if($target=='exte') {
			$('quote_start').fade('out');
			$('quote_proj').fade('out');
			$('quote_kont').fade('out');
			$('quote_start').addClass('hide');
			$('quote_proj').addClass('hide');
			$('quote_kont').addClass('hide');
			
			$('quote_exte').fade('hide').removeClass('hide');
			setTimeout("$('quote_exte').fade('in');", 500);
		}else if($target=='kont') {
			$('quote_start').fade('out');
			$('quote_proj').fade('out');
			$('quote_exte').fade('out');
			$('quote_start').addClass('hide');
			$('quote_proj').addClass('hide');
			$('quote_exte').addClass('hide');
			
			$('quote_kont').fade('hide').removeClass('hide');
			setTimeout("$('quote_kont').fade('in');", 500);
		}
	}