// JavaScript Document

$(document).ready(function(){
	
        
		// MAIN NAVI ANIMATION
	
		$.fn.myShow = function() {
		  //return this.animate({height: "toggle"}, 1000);
		  
		  if(this.hasClass('element'))
		  {
			  hlLinkActive(this);
			  return(this.children('div').show('slow'));
		  } else {
			   hlLinkOut(this)
		  	return(this.children('div').hide('slow'));
		  }
		  
		};
		
		$.fn.myHide = function() {
		  //return this.animate({height: "toggle", opacity: "toggle"}, duration || 1000);
		  hlLinkOut(this)
		  return(this.children('div').hide('slow'));
		};

	
       $("h2").click(function(event){
        event.preventDefault();
		
		hideSubNavi();
		
		if (document.getElementById('menu1') == this)
		{
			$('#element1').myShow();
		} else {
			$('#element1').myHide();
		}
		
		if (document.getElementById('menu2') == this)
		{
			$('#element2').myShow();
		} else {
			$('#element2').myHide();
		}
		
		if (document.getElementById('menu3') == this)
		{
			$('#element3').myShow();
		} else {
			$('#element3').myHide();
		}
		
		if (document.getElementById('menu4') == this)
		{
			$('#element4').myShow();
		} else {
			$('#element4').myHide();
		}
		
		if (document.getElementById('menu5') == this)
		{
			$('#element5').myShow();
		} else {
			$('#element5').myHide();
		}
		
		if (document.getElementById('menu6') == this)
		{
			$('#element6').myShow();
		} else {
			$('#element6').myHide();
		}

       });
	   
	   $(".element_footer").click(function(event){
        event.preventDefault();
		
		/*if ($(this).parent().parent().hasClass('element'))
		{
			$(this).parent().parent().myHide();
		} else {
			$(this).parent().parent().parent().myHide();
		}*/
		$(this).parent().parent().myHide();
		//alert(this.parentNode.tagName);
		
	   });
	   
	   // SUB NAVI ANIMATION
	   
	   $(".subLink").click(function(event){
        event.preventDefault();
		
		hideMainNavi();
		
		if (document.getElementById('subLink1') == this)
		{
			$('#subElement1').show('slow');
		} else {
			$('#subElement1').hide('slow');
		}
		
		if (document.getElementById('subLink2') == this)
		{
			$('#subElement2').show('slow');
		} else {
			$('#subElement2').hide('slow');
		}
		
		if (document.getElementById('subLink3') == this)
		{
			$('#subElement3').show('slow');
		} else {
			$('#subElement3').hide('slow');
		}
		
		
	   });
	   
	    $("#logo").click(function(event){
        event.preventDefault();
		
		hideMainNavi();
		hideSubNavi();
		
		
	   });
	   
	   function hideMainNavi()
		{
			$('#element1').myHide();
			$('#element2').myHide();
			$('#element3').myHide();
			$('#element4').myHide();
			$('#element5').myHide();
			$('#element6').myHide();
		}
		
		function hideSubNavi()
		{
			$('#subElement1').hide('slow');
			$('#subElement2').hide('slow');
			$('#subElement3').hide('slow');
		}
		
		function minimize()
		{
			hideMainNavi();
			hideSubNavi();
		}
	   
});
	 
function hlLinkActive(target)
{
	if (target.hasClass('element'))
	{
		target.addClass('element_active');
		target.removeClass('element');
	} 
}

function hlLinkOut(target)
{
	if (target.hasClass('element_active'))
	{
		target.addClass('element');
		target.removeClass('element_active');
	} 
}
	 
function animate(target)
{	
	if (document.getElementById('element1') == target) 
	{ document.getElementById('element1').css('height','100%'); }
	
	//alert(document.getElementById('element1').getElementByTagName('div'));
	
}