/* Author: Alexander Kappler - KSS services/solutions

*/


$(document).ready(function() {
jQuery.fn.log = function (msg) {
      console.log("%s: %o", msg, this);
      return this;
  };

var i = false;  // Variable ob bottom Navipunkt ist offen
var n = false;  // Variable ob top Navipunkt ist offen


//onClick öffne/schließe den Navipunkt (für Touch-Geräte wie iPad)
//################################################################

// .shownDescription ist eine Helfer-CSS Classe ohne Regeln, sie wird nur benutzt um zu speichern, welches Element offen ist
 $('.menupointtop').click(function() {
	if($(this).prev().is(":hidden")){
		if($(".innerbottom.shownDescription").is(":visible")){
			$(".innerbottom.shownDescription").removeClass('shownDescription');
			$('div.slidebottom').animate({height: '-=' + '300px'}, 400);
			$(".menupointbottom").css("border","none");
		}
		if($(".innertop.shownDescription").is(":visible")){
			$(".innertop.shownDescription").slideUp().removeClass('shownDescription');
			$(".menupointtop").css("border","none");
		}		
		$(this).css("border-top-color","#3d3524").css("border-top-style","solid").css("border-top-width","thin");
		$(this).prev().slideDown().addClass('shownDescription');
		}
	else
		{
		$(this).prev().slideUp().removeClass('shownDescription');
		$(this).css("border","none");	
 		}
	
  }); 
  


	var slidebottom = $('div.slidebottom');
	$('div.menupointbottom').bind('click', function(event) {
	event.preventDefault();
	//if (i === false){
	if (slidebottom.height() == 31 || slidebottom.height() == 27) {
		if (i === false){
			$(this).next().css("border-bottom-color","#3d3524").css("border-bottom-style","solid").css("border-bottom-width","thin");
			$(this).next().addClass('shownDescription');
			if($(".innertop.shownDescription").is(":visible")){
				$(".innertop.shownDescription").slideUp().removeClass('shownDescription');
				$(".menupointtop").css("border","none");
			}
			slidebottom.animate({height: '+=' + '300px'}, 400);
		}
	} else {
		
		$(this).css("border","none");
		$(this).next().removeClass('shownDescription');
		slidebottom.animate({height: '-=' + '300px'}, 400);
		i = false;
	}
	//}	
	});

  
//onMouseEnter/Leave öffne/schließe den Navipunkt
//################################################################

$('.slidetop',this).hover(
		function(){
			$(this).doTimeout('hover',250, function(){
				$(".menupointtop", this).css("border-top-color","#3d3524").css("border-top-style","solid").css("border-top-width","thin");
				if (n === false){ 
					$(".innertop", this).slideDown();
					n = true;
				}													
			});
		},
		function(){
			$(this).doTimeout('hover',1, function(){	
				if($(".innertop.shownDescription",this).is(":visible")){
						}else{
									$(".menupointtop",this).css("border","none");
									$(".innertop",this).slideUp();
									n = false;
						};		
			});
		}
	);

$('.slidebottom',this).hover(
		function(){
			$(this).doTimeout('hover',250, function(){
				$(".menupointbottom",this).css("border-bottom-color","#3d3524").css("border-bottom-style","solid").css("border-bottom-width","thin");
				if (i === false){	
					$('div.slidebottom').animate({height: '+=' + '300px'}, 400);
					i = true;
				}
			});
		},
		function(){
			$(this).doTimeout('hover',1, function(){	
				if (i === true){								   
				if($(".innerbottom.shownDescription").is(":visible")){
					}else{
						$(".menupointbottom",this).css("border","none");
						$('div.slidebottom').animate({height: '-=' + '300px'}, 400);				
						i = false;
						};
				}
				});	
			});
		}
	);