var $slide= jQuery.noConflict();

var effect23Visible = false;
var effect12Visible = false;
var effect3Visible = false;
var effect7Visible = false;
var effect31Visible = false;
var effect38Visible = false;

  // callback functinos
 function hide23(){
	$slide('#toggle23').css({"display" : "none"});
	effect23Visible = false;
}

 function hide38(){
	$slide('#toggle38').css({"display" : "none"});
	effect38Visible = false;
}

function hide12(){
	$slide('#toggle12').css({"display" : "none"});
	effect12Visible = false;
}

function hide3(){
	$slide('#toggle3').css({"display" : "none"});
	effect3Visible = false;
}

function hide7(){
	$slide('#toggle7').css({"display" : "none"});
	effect7Visible = false;
}

function hide31(){
	$slide('#toggle31').css({"display" : "none"});
	effect31Visible = false;
}


$slide(document).ready(function () {

  	$slide('.js').show();
	$slide('.nojs').hide();
	
   // hide not selected submenus, otherwise set visible
   if($slide(".current").attr('id') != "item7"){
   		$slide('#effect7').hide();
   		$slide('#toggle7').css({"display" : "none"});
   }else{
	   effect7Visible = true;
   }
   if($slide(".current").attr('id') != "item23"){
   		$slide('#effect23').hide();
   		$slide('#toggle23').css({"display" : "none"});
   }else{
	   effect23Visible = true;
   }
   if($slide(".current").attr('id') != "item12"){
   		$slide('#effect12').hide();
        $slide('#toggle12').css({"display" : "none"});
   }else{
	   effect12Visible = true;
   }
   if($slide(".current").attr('id') != "item3"){
      	$slide('#toggle3').css({"display" : "none"});
      	$slide('#effect3').hide(); 
   }else{
	   effect3Visible = true;
   }
    if($slide(".current").attr('id') != "item31"){
      	$slide('#toggle31').css({"display" : "none"});
      	$slide('#effect31').hide(); 
   }else{
	   effect31Visible = true;
   }
   if($slide(".current").attr('id') != "item38"){
      	$slide('#toggle38').css({"display" : "none"});
      	$slide('#effect38').hide(); 
   }else{
	   effect38Visible = true;
   }
   
   // slideIn function
   $slide("#item12 > a").hoverIntent(
			function() {

				if(effect23Visible){
				
					$slide('#effect23').hide('slide', {direction: "up"},500, hide23);
				}
				
				if(effect7Visible){
				
					$slide('#effect7').hide('slide', {direction: "up"},500, hide7);
				}
				
				if(effect3Visible){
					
					$slide('#effect3').hide('slide', {direction: "up"},500, hide3);
		
				}
				if(effect31Visible){
					
					$slide('#effect31').hide('slide', {direction: "up"},500, hide31);
		
				}
				if(effect38Visible){
					$slide('#effect38').hide('slide', {direction: "up"},500, hide38);

				}
				if(!effect12Visible){
					$slide('#toggle12').css({"display" : "block"});
					$slide('#effect12').show('slide', {direction: "down"},500);
					effect12Visible = true;
				}
				
				
				return false;
			}, 
			function() {
    			
		});
	
   	// slideIn function
     $slide("#item23 > a").hoverIntent(
			function() {

				if(effect3Visible){
					$slide('#effect3').hide('slide', {direction: "up"},500, hide3);

				}
				
				if(effect7Visible){
				
					$slide('#effect7').hide('slide', {direction: "up"},500, hide7);
				}
				if(effect12Visible){
					$slide('#effect12').hide('slide', {direction: "up"},500, hide12);

				}
				if(effect31Visible){
					$slide('#effect31').hide('slide', {direction: "up"},500, hide31);

				}
				if(effect38Visible){
					$slide('#effect38').hide('slide', {direction: "up"},500, hide38);

				}
				if(!effect23Visible){		
					$slide('#toggle23').css({"display" : "block"});			
					$slide('#effect23').show('slide', {direction: "down"},500);
					effect23Visible = true;
				}
				return false;
			}, 
			function() {
		});
		
  // slideIn function
   $slide("#item3 > a").hoverIntent(
			function() {

				if(effect23Visible){
					$slide('#effect23').hide('slide', {direction: "up"},500, hide23);

				}
				if(effect7Visible){
				
					$slide('#effect7').hide('slide', {direction: "up"},500, hide7);
				}
				if(effect12Visible){
					$slide('#effect12').hide('slide', {direction: "up"},500, hide12);

				}
				if(effect31Visible){
					$slide('#effect31').hide('slide', {direction: "up"},500, hide31);

				}
				if(effect38Visible){
					$slide('#effect38').hide('slide', {direction: "up"},500, hide38);

				}
				if(!effect3Visible){	
					$slide('#toggle3').css({"display" : "block"});			
					$slide('#effect3').show('slide', {direction: "down"},500);
					effect3Visible = true;
				}
				return false;
			}, 
			function() {
		});
		
		 // slideIn function
   $slide("#item38 > a").hoverIntent(
			function() {

				if(effect23Visible){
					$slide('#effect23').hide('slide', {direction: "up"},500, hide23);

				}
				if(effect7Visible){
				
					$slide('#effect7').hide('slide', {direction: "up"},500, hide7);
				}
				if(effect12Visible){
					$slide('#effect12').hide('slide', {direction: "up"},500, hide12);

				}
				if(effect31Visible){
					$slide('#effect31').hide('slide', {direction: "up"},500, hide31);

				}
				if(effect3Visible){
					$slide('#effect3').hide('slide', {direction: "up"},500, hide3);
				}
			
				if(!effect38Visible){	
					$slide('#toggle38').css({"display" : "block"});			
					$slide('#effect38').show('slide', {direction: "down"},500);
					effect38Visible = true;
				}
				return false;
			}, 
			function() {
		});
		
				// slideIn function
   $slide("#item7 > a").hoverIntent(
			function() {

				if(effect23Visible){
					$slide('#effect23').hide('slide', {direction: "up"},500, hide23);

				}

				if(effect12Visible){
					$slide('#effect12').hide('slide', {direction: "up"},500, hide12);

				}
				if(effect3Visible){
					$slide('#effect3').hide('slide', {direction: "up"},500, hide3);

				}
				if(effect31Visible){
					$slide('#effect31').hide('slide', {direction: "up"},500, hide31);

				}

				if(effect38Visible){
					$slide('#effect38').hide('slide', {direction: "up"},500, hide38);

				}
				if(!effect7Visible){	
					$slide('#toggle7').css({"display" : "block"});			
					$slide('#effect7').show('slide', {direction: "down"},500);
					effect7Visible = true;
				}
				return false;
			}, 
			function() {
		});
		
		// slideIn function
   $slide("#item31 > a").hoverIntent(
			function() {

				if(effect23Visible){
					$slide('#effect23').hide('slide', {direction: "up"},500, hide23);

				}
				if(effect7Visible){
				
					$slide('#effect7').hide('slide', {direction: "up"},500, hide7);
				}
				if(effect12Visible){
					$slide('#effect12').hide('slide', {direction: "up"},500, hide12);

				}
				if(effect3Visible){
					$slide('#effect3').hide('slide', {direction: "up"},500, hide3);

				}
				if(effect38Visible){
					$slide('#effect38').hide('slide', {direction: "up"},500, hide38);

				}
				if(!effect31Visible){	
					$slide('#toggle31').css({"display" : "block"});			
					$slide('#effect31').show('slide', {direction: "down"},500);
					effect31Visible = true;
				}
				return false;
			}, 
			function() {
		});
		
		
   // hide all submenus, if pointer was moved away from the menu.
	$slide("#nav").hover(
			function() {
			}, 
			function() {
				
				 
				// fadeout if nothing was selected
				if(effect3Visible && $slide(".current").attr('id') != "item3"){
					$slide('#effect3').hide('slide', {direction: "up"},500, hide3);
				}
				if(effect23Visible && $slide(".current").attr('id') != "item23"){
					$slide('#effect23').hide('slide', {direction: "up"},500, hide23);
				}
				if(effect12Visible && $slide(".current").attr('id') != "item12"){
					$slide('#effect12').hide('slide', {direction: "up"}, 500,hide12);
				}
				if(effect31Visible && $slide(".current").attr('id') != "item31"){
					$slide('#effect31').hide('slide', {direction: "up"}, 500,hide31);
				}
				if(effect38Visible && $slide(".current").attr('id') != "item38"){
					$slide('#effect38').hide('slide', {direction: "up"}, 500,hide38);
				}
				if(effect7Visible && $slide(".current").attr('id') != "item7"){
					$slide('#effect7').hide('slide', {direction: "up"}, 500,hide7);
				}
				
				// fade in selected submenu
				 if($slide(".current").attr('id') == "item3" && !effect3Visible){
					effect3Visible = true;
					$slide('#toggle3').css({"display" : "block"});
					$slide('#effect3').show('slide', {direction: "down"},500);
				 }
				  if($slide(".current").attr('id') == "item7" && !effect7Visible){
					effect7Visible = true;
					$slide('#toggle7').css({"display" : "block"});
					$slide('#effect7').show('slide', {direction: "down"},500);
				 }
				 if($slide(".current").attr('id') == "item23" && !effect23Visible){
					effect23Visible = true;
					$slide('#toggle23').css({"display" : "block"});
					$slide('#effect23').show('slide', {direction: "down"},500);
				 }
				 if($slide(".current").attr('id') == "item12" && !effect12Visible){
					effect12Visible = true;
				   	$slide('#toggle12').css({"display" : "block"});
				   	$slide('#effect12').show('slide', {direction: "down"},500);
				 }
				  if($slide(".current").attr('id') == "item31" && !effect31Visible){
					effect31Visible = true;
					$slide('#toggle31').css({"display" : "block"});
					$slide('#effect31').show('slide', {direction: "down"},500);
				 }
				  if($slide(".current").attr('id') == "item38" && !effect38Visible){
					effect38Visible = true;
					$slide('#toggle38').css({"display" : "block"});
					$slide('#effect38').show('slide', {direction: "down"},500);
				 }
		});

});