// JavaScript Document

$(document).ready(function() {
	
	//Cufon.replace('#menu');
	$(".box2").animate({
					opacity: 0.001
			  }, 1, function() {
			    // Animation complete.
			  });
	
	$('.box1 a').click(function() {
	
		var submenu = $(this).parents(".menuitem").children(".submenu");
		if ( !submenu.hasClass("show") ){
		
			$(".submenu").closeSubmenu();
			
			//submenu.css("visibility", "visible");
			
			submenu.children(".box2").each( function(i, value){
				//alert("juhu");
				$(this).delay(300*i).animate({
						opacity: 1
						//height: 'toggle'
				  }, 600, function() {
				    // Animation complete.
				  });
			});
		}
		else{
			submenu.closeSubmenu();
		}
	});
	
	
	$.fn.closeSubmenu = function() {
		
		$(this).children(".box2").animate({
					opacity: 0.001
			  }, 200, function() {
			    // Animation complete.
			  });
	    $(this).removeClass("show");		
	}
  
  
});

//$(document).ready(function() {
//	
//	//Cufon.replace('#menu');
//	
//	$('.box1').click(function() {
//		var submenu = $(this).parent(".menuitem").children(".submenu");
//		if ( submenu.css("visibility") == "hidden" ){
//			$(".submenu").closeSubmenu();
//			
//			submenu.css("visibility", "visible");
//			
//			submenu.children(".box2").each( function(i, value){
//				//alert("juhu");
//				$(this).delay(300*i).animate({
//						opacity: 1
//						//height: 'toggle'
//				  }, 600, function() {
//				    // Animation complete.
//				  });
//			});
//		}
//		else{
//			submenu.closeSubmenu();
//		}
//	});
//	
//	
//	$.fn.closeSubmenu = function() {
//		
//		$(this).children(".box2").animate({
//					opacity: 0.001
//			  }, 200, function() {
//			    // Animation complete.
//			  });
//		$(this).css("visibility", "hidden");
//		
//	}
//  
//  
//});