// JavaScript Document

$(document).ready(function(){
	
	// Config
	var slide_speed_down = 800;
	var slide_speed_up   = 500;
	
	// Elements
	$('ul#main-wrapper > li.box > a.button').click(function(el) { button_click(this.id); });
	
	$('ul#main-wrapper > li.box > a.button').hover(function(el) { 
		$('#'+this.id+' div').fadeIn(200);
	}, function(el){
		$('#'+this.id+' div').fadeOut(200);
	});
	
	// Picscroller / Overlays
	$('a.picscroller-button.leistungen').click(function(){ scroller_button_click(this.id); });
	$('a.picscroller-button.meister').click(function(){ scroller_button_click(this.id); });
	$('.picscroller-wrapper  a').click(function(){ show_overlay(this.id); });
	$('a.overlay_close_button').click(function(){ hide_overlay(); });
	
	
	// Bottomclicks
	//$('#bottom #logo').click(function(el) { button_click('unternehmen'); });
	$('#bottom #jobs').click(function(){ show_overlay("jobs"); });
	$('#bottom #kontakt').click(function(){ show_overlay("kontakt"); });
	$('#bottom #disclaimer').click(function(){ show_overlay("disclaimer"); });
	
	$('#bottom #vierundzwanzigsieben').click(function(){ show_overlay("vierundzwanzig"); });
	
	$('#footer_kontakt').click(function(){ show_overlay("kontakt"); });
	$('#footer_impressum').click(function(){ show_overlay("impressum"); });
	$('#footer_disclaimer').click(function(){ show_overlay("disclaimer"); });
	
	$('#overlay_impressum a.overlay_kontakt_button').click(function(){ switch_overlay("overlay_kontakt"); });
	$('#overlay_kontakt a.overlay_impressum_button').click(function(){ switch_overlay("overlay_impressum"); });
	
	
	// ###################
	// Width and Scrolling
	// ###################
	var width_spacer = 0;
	
	if($.browser.msie && parseInt($.browser.version) == 7) width_spacer = 2; // IE 7
	if($.browser.msie && parseInt($.browser.version) == 8) width_spacer = 1; // IE 8
	if($.browser.webkit ) width_spacer = 1; // Safari
	if($.browser.opera ) width_spacer = 1; // Safari
	
	// Window width/height
	var overall_width   = $('#overall-wrapper').width();
	var inside_width    = $('#inside-wrapper').width();
	var window_width    = window.innerWidth ? window.innerWidth : $(window).width();
	
	var window_height   = $(window).height();
	var scroller_margin = ( overall_width - window_width ) / 2;
	var inside_left     = ( window_width / 2 ) - ( inside_width / 2 ) + width_spacer;
	
	$('#scroller-wrapper').css('height',window_height+'px').css('width',window_width+'px').css('margin-left',scroller_margin+'px');
	$('#inside-wrapper').css('left',inside_left+'px');
	
	$(window).resize(function(){
			
		// Window width/height
		var overall_width   = $('#overall-wrapper').width();
		var inside_width    = $('#inside-wrapper').width();
		var window_width    = window.innerWidth ? window.innerWidth : $(window).width();
		
		var window_height   = $(window).height();
		var scroller_margin = ( overall_width - window_width ) / 2;
		var inside_left     = ( window_width / 2 ) - ( inside_width / 2 ) + width_spacer;
		
		$('#scroller-wrapper').css('height',window_height+'px').css('width',window_width+'px').css('margin-left',scroller_margin+'px');
		$('#inside-wrapper').css('left',inside_left+'px');
		
	});
	
	var active_area = false;
	
	function switch_overlay(el_id) {
		$('#overlay-wrapper .overlay-box').hide();
		$('#overlay-wrapper #'+el_id).show();
	}
	
	function show_overlay(el_id) {
		
		if (el_id == "objektbetr") {
			$('#overlay-wrapper #leistungen_objektbetr').show();
			
		} else if (el_id == "garten") {
			$('#overlay-wrapper #leistungen_garten').show();
			
		} else if (el_id == "winter") {
			$('#overlay-wrapper #leistungen_winter').show();
			
		} else if (el_id == "reinigung") {
			$('#overlay-wrapper #leistungen_reinigung').show();
			
		} else if (el_id == "instand") {
			$('#overlay-wrapper #leistungen_instand').show();
			
		} else if (el_id == "reparatur") {
			$('#overlay-wrapper #leistungen_reparatur').show();
			
		} else if (el_id == "vierundzwanzig") {
			$('#overlay-wrapper #leistungen_vierundzwanzig').show();
			
		} else if (el_id == "auf_mass") {
			$('#overlay-wrapper #leistungen_auf_mass').show();
			
		}
		
		
		 else if (el_id == "thumb1") {
			$('#overlay-wrapper #meister_1').show();
			
		} else if (el_id == "thumb2") {
			$('#overlay-wrapper #meister_2').show();
			
		} else if (el_id == "thumb3") {
			$('#overlay-wrapper #meister_3').show();
			
		} else if (el_id == "thumb4") {
			$('#overlay-wrapper #meister_4').show();
			
		} else if (el_id == "thumb5") {
			$('#overlay-wrapper #meister_5').show();
			
		} else if (el_id == "thumb6") {
			$('#overlay-wrapper #meister_6').show();
			
		} else if (el_id == "thumb7") {
			$('#overlay-wrapper #meister_7').show();
			
		} else if (el_id == "thumb8") {
			$('#overlay-wrapper #meister_8').show();
			
		} else if (el_id == "thumb9") {
			$('#overlay-wrapper #meister_9').show();
			
		}
		
		
		 else if (el_id == "jobs") {
			$('#overlay-wrapper #overlay_jobs').show();
			
		} else if (el_id == "impressum") {
			$('#overlay-wrapper #overlay_impressum').show();
			
		} else if (el_id == "kontakt") {
			$('#overlay-wrapper #overlay_kontakt').show();
			
		} else if (el_id == "disclaimer") {
			$('#overlay-wrapper #overlay_disclaimer').show();
			
		}
		
		$('#overlay-wrapper').fadeIn(200);
	}
	
	
	function hide_overlay() {
		$('#overlay-wrapper').fadeOut(200);
		$('#overlay-wrapper .overlay-box').hide();
	}
	
	
	function button_click(el_id) {
		
		var button = $('#'+el_id);
		
		DEBUG('click: '+el_id);
		
		// toggle active area
		if (active_area != false) {
			
			DEBUG('active_area != false');
			
			// remove class and close active area
			$('#'+active_area).removeClass('active').parent('li.box').find('.text').slideUp(slide_speed_up);
			
			
			// active area is current area
			if (active_area == el_id) {
				
				DEBUG('active_area == el_id');
				
				// delay opening current area
				button.removeClass('active').parent('li.box').find('.text').slideUp(slide_speed_down);
				
				active_area = false;
				
			} else { // current area is another then active area
				
				DEBUG('active_area != el_id');
				
				// delay opening current area
				button.delay(slide_speed_up).toggleClass('active').parent('li.box').find('.text').delay(slide_speed_up).slideToggle(slide_speed_down);
				
				
				active_area = el_id;
			}
			
			
		} else {
			
			DEBUG('active_area == false');
			
			// opening current area without delay
			button.toggleClass('active').parent('li.box').find('.text').slideToggle(slide_speed_down);
			
			active_area = el_id;
			
		}
		
		DEBUG('active_area: ' + active_area)
		
		
	}
	
	
	// KONTAKTFORM
	$('#kontakt_form').submit(function(){
		
		$('#kontakt_form').find("input").removeClass("error");
		$('#kontakt_form').find("textarea").removeClass("error");
		$('#form_hint').hide();
		
		var error = false;
		
		if ($('#f_name').val() == "" || $('#f_name').val() == "Name:") {
			$('#f_name').addClass("error");
			error = true;
		}
		
		if ($('#f_mail').val() == "" || $('#f_mail').val() == "Mail:") {
			$('#f_mail').addClass("error");
			error = true;
		}
		
		if ($('#f_telefon').val() == "" || $('#f_telefon').val() == "Telefon:") {
			$('#f_telefon').addClass("error");
			error = true;
		}
		
		if ($('#f_nachricht').val() == "" || $('#f_nachricht').val() == "Ihre Nachricht:") {
			$('#f_nachricht').addClass("error");
			error = true;
		}
		
		if (error) {
			
			$('#form_hint').show();
			return false;
			
		} else {
			
			// Formular abschicken
			
			var formdata = $('#kontakt_form').serialize();
			
			$.ajax({
				url: "ajax/form.ajax.php",
				type: "POST",
				data: formdata,
				success: function(response){
					
					if(response == "ok") {
						
						$('#kontakt_form').find("input").removeClass("error").animate({ opacity: 0.5 }, 300);
						$('#kontakt_form').find("textarea").removeClass("error").animate({ opacity: 0.5 }, 300);
						
						$('#form_hint').html('Mail wurde gesendet! Vielen Dank für Ihre Nachricht. <br />Wir werden Ihnen in Kürze antworten.').show();
						
					} else {
						
						$('#form_hint').html(response).show();
						
					}
				}
			});
			
		}
		
	});
	
	
	function scroller_button_click(el_id) {
		
		var button = $('#'+el_id)
		
		if (button.hasClass('active')) {
			
			button.removeClass('active');
			
			if (el_id == 'button_leistungen_left') {
				
				$('#button_leistungen_right').addClass('active');
				$('ul#pics_leistungen').animate({left:'0px'}, 1000, 'swing');
				
			} else if (el_id == 'button_leistungen_right') {
				
				$('#button_leistungen_left').addClass('active');
				$('ul#pics_leistungen').animate({left:'-648px'}, 1000, 'swing');
				
			} else if (el_id == 'button_meister_left') {
				
				$('#button_meister_right').addClass('active');
				$('ul#pics_meister').animate({left:'0px'}, 1000, 'swing');
				
			} else if (el_id == 'button_meister_right') {
				
				$('#button_meister_left').addClass('active');
				$('ul#pics_meister').animate({left:'-660px'}, 1000, 'swing');
				
			} 
			
		} 
		
	}
	
	
	function DEBUG(text){
		if(typeof window.console != 'undefined' && typeof window.console.log != 'undefined') {
			console.log(text);
		}
	}
	
});