$(document).ready(function() {
		
		// Kontakt hintergrundfarbe normal und warning
		var normal_color = '#CACACA';
		var warning_color = '#E31D14';		
		
		// Anfangsbild fade time
		var intro_fade_time = 3000;
	
		// Agentur mit submenu 0 = nein, 1 = ja
		var company_submenu = 0;
	
		// Kunden mit submenu 0 = nein, 1 = ja
		var customer_submenu = 0;
		
		/* Alle Zeitangaben in millisekunden 1s = 1000ms */
		
		// Wie schnell sollen sich die Striche vergrössern?
		var anim_time_mouseenter = 200;
		
		// Wie schnell sollen sich die Striche verkleinern?		
		var anim_time_mouseleave = 50;
		
		// Wie schnell soll das menu hoch und runterfahren?
		var menu_up_down_speed = 400;
		
		// Wie schnell soll das submenu eingeblendet werden?
		var fade_submenu_speed = 400;
		
		// Wie schnell soll der menulink oben eingeblendet werden?
		var fade_menu_link_speed = 800;
		
		// Wie schnell soll das submenu runterfahren?
		var submenu_down_speed = 800;		
		
		// submenu top css normal und unten
		var submenu_top_normal = "45%";
		var submenu_top_down = "97.3%";
		
		// menu schriftgrösse normal und hover --> normal siehe css
		var font_size_normal = "12px";
		var font_size_hover = "18px";
		
		// Die Linienbreiten klein und gross
		var line_1_small 	= '60px';
		var line_1_big 		= '100px';
		var line_2_small 	= '10px';
		var line_2_big 		= '25px';
		var line_3_small	= '30px';
		var line_3_big 		= '50px';
		var line_4_small 	= '10px';
		var line_4_big 		= '25px';
		var line_5_small 	= '110px';
		var line_5_big 		= '160px';
		var line_6_small 	= '10px';
		var line_6_big 		= '25px';
		var line_7_small 	= '30px';
		var line_7_big 		= '50px';
		var line_8_small 	= '10px';		
		var line_8_big 		= '25px';		
		
		/* ---------------------------------------------------------------------- */
		/* ---------------------------------------------------------------------- */
		/* ---------------------------------------------------------------------- */
		
		/* AB HIER BITTE NICHTS MEHR ÄNDERN!!! */
		
		/* ---------------------------------------------------------------------- */
		
		$('#intro').fadeOut(intro_fade_time, function() {
			$('#main').fadeIn();
		});
		
		var backto_main_menu_id = $('#mainmenu_link');
		
		var current_div = $('ul#menu01 > li');
		
		current_div.hover(function() {
				var current_id = $(this).attr('id')
				var current_div = $(this).children();
				
				//console.log(current_id);
				x_size = '';
				switch(current_id) {
					case 'line_1':	x_size = line_1_big;
									break;
					case 'line_2':	x_size = line_2_big;
									break;
					case 'line_3':	x_size = line_3_big;
									break;
					case 'line_4':	x_size = line_4_big;
									break;
					case 'line_5':	x_size = '';
									break;
					case 'line_6':	x_size = line_6_big;
									break;
					case 'line_7':	x_size = line_7_big;
									break;
					case 'line_8':	x_size = line_8_big;
									break;										
				}
				
		
				if (x_size != '') {
					current_div.animate({ width: x_size}, anim_time_mouseenter);
				} else if (current_id == 'line_5') {
					//current_div.css( { top: "-6px" });
					current_div.children("a").animate( { fontSize:font_size_hover } , 200 );
				}
				
			},
			/* mouse leave */
			function() {
				var current_id = $(this).attr('id');
				var current_div = $(this).children();
				
				//console.log(current_id);
				x_size = '';
				switch(current_id) {
					case 'line_1':	x_size = line_1_small;
									break;
					case 'line_2':	x_size = line_2_small;
									break;
					case 'line_3':	x_size = line_3_small;
									break;
					case 'line_4':	x_size = line_4_small;
									break;
					case 'line_5':	x_size = '';
									break;
					case 'line_6':	x_size = line_6_small;
									break;
					case 'line_7':	x_size = line_7_small;
									break;
					case 'line_8':	x_size = line_8_small;
									break;										
				}
				
				if (x_size != '') {
					current_div.animate({ width: x_size}, anim_time_mouseleave);
				} else if (current_id == 'line_5') {
					current_div.children("a").animate( { fontSize:font_size_normal } , 50 );
				}
				
			}
		);	
		
		
		/* ---------------------------------------------------------------------- */
		/* Klick auf Hauptmenu Punkte */
		$('#main_link_02').click(function() {	
			/*showSubmenu('02', menu_up_down_speed, fade_submenu_speed, fade_menu_link_speed);*/
			if (company_submenu == 1) {
				showSubmenu('02', menu_up_down_speed, fade_submenu_speed, fade_menu_link_speed);
			} else {
				$('div.menu').slideUp(menu_up_down_speed, function() { 
					loadFile('02','a');
					backto_main_menu_id.fadeIn(fade_menu_link_speed);
				});				
			}			
		});
		$('#main_link_03').click(function() {	
			showSubmenu('03', menu_up_down_speed, fade_submenu_speed, fade_menu_link_speed);
		});
		$('#main_link_04').click(function() {	
			if (customer_submenu == 1) {
				showSubmenu('04', menu_up_down_speed, fade_submenu_speed, fade_menu_link_speed);
			} else {
				$('div.menu').slideUp(menu_up_down_speed, function() { 
					loadFile('04','a');
					backto_main_menu_id.fadeIn(fade_menu_link_speed);
				});				
			}
		});
		$('#main_link_05').click(function() {	
			$('div.menu').slideUp(menu_up_down_speed, function() { 
				loadFile('05','a');
				backto_main_menu_id.fadeIn(fade_menu_link_speed);
			});	
		});	
		
		$('#imprint_link').click(function() {
			closeSubmenu(submenu_top_normal);		
		
			$('div.menu').slideUp(menu_up_down_speed, function() { 
				loadFile('06','a');
				backto_main_menu_id.fadeIn(fade_menu_link_speed);
			});	
		});			
		/* ---------------------------------------------------------------------- */

		/* Links vom submenu */
		$('div[id^="menu_"] a').click(function() {	
			var current_submenu_id = $(this).attr('id');
			var menu = current_submenu_id.substr(0, 7);
			//console.log(menu);
			$('#'+menu).animate({ top: submenu_top_down}, submenu_down_speed, function() {
				//console.log(current_submenu_id);
				var ext_link = current_submenu_id.replace("menu_","");
				ext_link = ext_link.split("_");
				//console.log(ext_link);
				loadFile(ext_link[0], ext_link[1]);			
			});
		});
		
		/* ---------------------------------------------------------------------- */
		
		
		/* Menu Link */
		backto_main_menu_id.click(function() {
			var current_active_submenu;
			var no_submenu_use = false;
			
			$('div[id$="_content"]').fadeOut(400, function() {
			
				if ($('#menu_02').css("display") == "block") {
					current_active_submenu = '#menu_02';
				} else if ($('#menu_03').css("display") == "block") {
					current_active_submenu = '#menu_03';
				} else if ($('#menu_04').css("display") == "block") {
					current_active_submenu = '#menu_04';
				} else if ($('#menu_05').css("display") == "block") {
					current_active_submenu = '#menu_05';
				} else {
					no_submenu_use = true;
				}
				
				//console.log(no_submenu_use);
				if(no_submenu_use) {
					backto_main_menu_id.fadeOut(fade_menu_link_speed, function() {		
						$('div.menu').slideDown(menu_up_down_speed);
						$('div[id^="menu_"]').css({top: submenu_top_normal});	
					});			
				} else {
					$(current_active_submenu).fadeOut(fade_submenu_speed, function() {
						backto_main_menu_id.fadeOut(fade_menu_link_speed, function() {
							$('div.menu').slideDown(menu_up_down_speed);
							$('div[id^="menu_"]').css({top: submenu_top_normal});			
						});
					});		
				}
			});

		});		
		
		$('input.send').click(function() {
		
			var firma = $('#firma').val();
			var nachname = $('#nachname').val();
			var vorname = $('#vorname').val();
			var street = $('#street').val();
			var zipcode = $('#zipcode').val();
			var phone = $('#phone').val();
			var email = $('#email').val();
			var nachricht = $('#nachricht').val();
			
			if(nachname == '' || vorname == '' || phone == '' || email == '' || validateEmail(email) == false || nachricht == '') {
				if(nachname == '') {
					$('#nachname').css("background-color",warning_color);
				} else {
					$('#nachname').css("background-color",normal_color);
				}
				if(vorname == '') {
					$('#vorname').css("background-color",warning_color);
				} else {
					$('#vorname').css("background-color",normal_color);
				}
				if(phone == '') {
					$('#phone').css("background-color",warning_color);
				} else {
					$('#phone').css("background-color",normal_color);
				}
				if(email == '' || validateEmail(email) == false) {
					$('#email').css("background-color",warning_color);
				} else {
					$('#email').css("background-color",normal_color);
				}
				if(nachricht == '') {
					$('#nachricht').css("background-color",warning_color);
				} else {
					$('#nachricht').css("background-color",normal_color);
				}			
				return false;
			} else {
				sendEmail(firma,nachname,vorname,street,zipcode,phone,email,nachricht);
			}
			
		});
		
		$('#contact_form input').focus(function() {
			$(this).css("background-color",normal_color);
		});
		$('#contact_form textarea').focus(function() {
			$(this).css("background-color",normal_color);
		});		
		
		
		$('#printit').click(function() {
			$("#main").printElement({printMode:'popup'});
		});
	});
	
	/**
	 *
	 *
	 */
	function loadFile(number, letter) {
		//console.log(number, letter);
		$('div[id$="_content"]').fadeOut();
		var new_content = $('#'+number+'_'+letter+'_content');

		new_content.fadeIn(400, function() {
			//$('.content').jScrollPane();
			
			var elems = $(this).children().children();
			$.each(elems, function(i,s) {
				var elem_id = $(s).attr('id');
				if(elem_id == 'content_left' || elem_id == 'content_middle' || elem_id == 'content_middle_right' || elem_id == 'content_right') {
					$(s).jScrollPane();
				}
			})			
			
		});
	}
	
	/**
	 *
	 *
	 */
	function showSubmenu(number, menu_up_down_speed, fade_submenu_speed, fade_menu_link_speed) {
		//console.log($(this).position());
		var backto_main_menu_id = $('#mainmenu_link');
		
		$('div.menu').slideUp(menu_up_down_speed, function() {
			$('#menu_'+number).fadeIn(fade_submenu_speed, function() {  
				backto_main_menu_id.fadeIn(fade_menu_link_speed);
			});			
		});
	}

	/**
	 *
	 *
	 */	
	function closeSubmenu(submenu_top_normal) {
			var all_subemenus = $('div[id^="menu_"]');
			all_subemenus.hide();
			all_subemenus.css({top: submenu_top_normal});	
	}
	
	function sendEmail(firma,nachname,vorname,street,zipcode,phone,email,nachricht) {
		$('#contact_form').hide();
		$('#ajaxloader').show();
		
		$.ajax({
		   type: "POST",
		   url: "mail.php",
		   data: "firma="+firma+"&nachname="+nachname+"&vorname="+vorname+"&street="+street+"&zipcode="+zipcode+"&phone="+phone+"&email="+email+"&nachricht="+nachricht,
		   success: function(msg){
				$('#ajaxloader').hide();
				if(msg == 1) {
					$('#responsetext').fadeIn('slow',function() {
						setTimeout("resetContact()", 4000);
					});
				} else {
					alert('error');
					$('#ajaxloader').hide();
					$('#contact_form').show();
				}
		   }
		 });		
		
	}
	
	function resetContact() {
		$('#firma').val('');
		$('#nachname').val('');
		$('#vorname').val('');
		$('#street').val('');
		$('#zipcode').val('');
		$('#phone').val('');
		$('#email').val('');
		$('#nachricht').val('');
		$('#responsetext').fadeOut('slow',function() {
								$('#contact_form').show();
							});	
	}
	
	function validateEmail(email) {
	   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	   if(reg.test(email) == false) {
		  return false;
	   } else {
		  return true;
	   }
	}