// JavaScript Document
dropup = function(){
$("#toggle-1").mouseover(function(){
			
			$("#dropup-1-element-1:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-1-element-1:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-1-element-2:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-1:hidden").slideToggle(300);
			$("#dropup-2:visible").slideToggle(300);
			$("#dropup-3:visible").slideToggle(300);
			$("#dropup-4:visible").slideToggle(300);
			$("#dropup-5:visible").slideToggle(300);
			$("#dropup-6:visible").slideToggle(300);
		});

$("#toggle-5").mouseover(function(){
			$("#dropup-1:visible").slideToggle(300);
			$("#dropup-2:visible").slideToggle(300);
			$("#dropup-3:visible").slideToggle(300);
			$("#dropup-4:visible").slideToggle(300);
			$("#dropup-6:visible").slideToggle(300);
		});
$("#toggle-6").mouseover(function(){
			$("#dropup-1:visible").slideToggle(300);
			$("#dropup-2:visible").slideToggle(300);
			$("#dropup-3:visible").slideToggle(300);
			$("#dropup-4:visible").slideToggle(300);
			$("#dropup-5:visible").slideToggle(300);
		});
		
		
		$("#toggle-2").mouseover(function(){
			$("#dropup-2-element-1:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-2-element-1:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-2-element-2:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-2-element-3:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-2:hidden").slideToggle(300);
			$("#dropup-1:visible").slideToggle(300);
			$("#dropup-3:visible").slideToggle(300);
			$("#dropup-4:visible").slideToggle(300);
			$("#dropup-5:visible").slideToggle(300);
			$("#dropup-6:visible").slideToggle(300);				
		});
		
		$("#toggle-3").mouseover(function(){
			$("#dropup-3-element-1:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-3-element-1:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-3-element-2:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-3-element-3:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-3:hidden").slideToggle(300);
			$("#dropup-2:visible").slideToggle(300);
			$("#dropup-1:visible").slideToggle(300);
			$("#dropup-4:visible").slideToggle(300);
			$("#dropup-5:visible").slideToggle(300);
			$("#dropup-6:visible").slideToggle(300);				
		});
		
		$("#toggle-4").mouseover(function(){
			$("#dropup-4-element-1:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-4-element-1:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-4-element-2:hidden").fadeTo(1, 0, function() {
				$(this).fadeTo(200, 0.5)});
			$("#dropup-4:hidden").slideToggle(300);
			$("#dropup-2:visible").slideToggle(300);
			$("#dropup-3:visible").slideToggle(300);
			$("#dropup-1:visible").slideToggle(300);
			$("#dropup-5:visible").slideToggle(300);
			$("#dropup-6:visible").slideToggle(300);				
		});
		
		$("#top").mouseleave(function(){
			$("#dropup-2:visible").slideToggle(300);
			$("#dropup-3:visible").slideToggle(300);
			$("#dropup-1:visible").slideToggle(300);
			$("#dropup-4:visible").slideToggle(300);
			$("#dropup-5:visible").slideToggle(300);
			$("#dropup-6:visible").slideToggle(300);
		});
		
		$("div.dropup-element").hover(function(){
				$(this).fadeTo(200, 0.8);			   
			}, function(){
				$(this).fadeTo(400, 0.5);			   
			});	
};
