var timer = null;
var timer1 = null;

function showMore(showMoreClass, button, hideAllButton)
{
	jQuery(showMoreClass).show();
	jQuery(button).hide();
	jQuery(hideAllButton).show();
}

function hideAll(showMoreClass, button, showMoreButton)
{
	jQuery(showMoreClass).hide();
	jQuery(button).hide();
	jQuery(showMoreButton).show();
}

function HideDrop(headButton, dropPanel, timerTime)
{
	timer = setTimeout(function() {  jQuery(dropPanel).hide(); jQuery(headButton).removeClass('selected'); }, timerTime);
}

function HideAll()
{
	jQuery(".DropMenu").hide();
	jQuery("#MainNav .About").removeClass('selected');
	jQuery("#MainNav .Programs").removeClass('selected');
	jQuery("#MainNav .SpecialInit").removeClass('selected');
	jQuery("#MainNav .Artists").removeClass('selected');
	jQuery("#MainNav .SupportUs").removeClass('selected');
}

function ShowDrop(headButton, dropPanel)
{
   HideAll();
  
   clearTimeout(timer);
   jQuery(dropPanel).show(); 
   jQuery(headButton).addClass('selected');
}

function HideFilterNav(timerTime)
{
	timer1 = setTimeout(function() {
	jQuery(".dropMainNav li a").removeClass('selected');
	jQuery(".filterSubNav").hide();
	jQuery("#programImage").show();
	}, timerTime);
}

function ShowFilterNav(navItem, navButton)
{
	jQuery(".filterSubNav").hide();
	jQuery(".dropMainNav li a").removeClass('selected');
	clearTimeout(timer1);
	
	jQuery(navButton).addClass("selected");
	jQuery("#programImage").hide();
	jQuery(navItem).show();
}


jQuery(document).ready(function(){ 
   jQuery("#MainNav .About").hover(function() {  
             ShowDrop("#MainNav .About", "#AboutDrop");
        }, function(){  
         HideDrop("#MainNav .About", "#AboutDrop", 500);
    });  
    
    jQuery("#AboutDrop").hover(function() {  
            ShowDrop("#MainNav .About", "#AboutDrop");
        }, function(){  
           HideDrop("#MainNav .About", "#AboutDrop", 1);
    });  
  
  
     jQuery("#MainNav .Programs").hover(function() {  
              ShowDrop("#MainNav .Programs", "#ProgramDrop");
        }, function(){  
            HideDrop("#MainNav .Programs", "#ProgramDrop", 500);
    });  
    
    jQuery("#ProgramDrop").hover(function() {  
            ShowDrop("#MainNav .Programs", "#ProgramDrop"); 
        }, function(){  
           HideDrop("#MainNav .Programs", "#ProgramDrop", 1);
    });  
  
   jQuery("#MainNav .SpecialInit").hover(function() {  
            ShowDrop("#MainNav .SpecialInit", "#SpecialInitDrop"); 
        }, function(){  
            HideDrop("#MainNav .SpecialInit", "#SpecialInitDrop", 500);
    });  
    
    jQuery("#SpecialInitDrop").hover(function() {  
            ShowDrop("#MainNav .SpecialInit", "#SpecialInitDrop"); 
        }, function(){  
          HideDrop("#MainNav .SpecialInit", "#SpecialInitDrop", 1);
    });  
    
    
   jQuery("#MainNav .Artists").hover(function() {  
              ShowDrop("#MainNav .Artists", "#ArtistsDrop"); 
        }, function(){  
             HideDrop("#MainNav .Artists", "#ArtistsDrop", 500);
    });  
    
    jQuery("#ArtistsDrop").hover(function() {  
           ShowDrop("#MainNav .Artists", "#ArtistsDrop"); 
        }, function(){  
           HideDrop("#MainNav .Artists", "#ArtistsDrop", 1);
    });  
    
    
   jQuery("#MainNav .SupportUs").hover(function() {  
              ShowDrop("#MainNav .SupportUs", "#SupportUsDrop");
        }, function(){  
             HideDrop("#MainNav .SupportUs", "#SupportUsDrop", 500);
    });  
    
    jQuery("#SupportUsDrop").hover(function() {  
             ShowDrop("#MainNav .SupportUs", "#SupportUsDrop");
        }, function(){  
           HideDrop("#MainNav .SupportUs", "#SupportUsDrop", 1);
    });  
    
     jQuery("#artFormNav").hover(function() {  
             ShowFilterNav("#artFormSub","#artFormNav");
        }, function(){  
         HideFilterNav(500);
    });  
    
     jQuery("#artFormSub").hover(function() {  
             ShowFilterNav("#artFormSub","#artFormNav");
        }, function(){  
          HideFilterNav(500);
    });  
    
         jQuery("#gradeLevelNav").hover(function() {  
             ShowFilterNav("#gradeLevelSub", "#gradeLevelNav");
        }, function(){  
         HideFilterNav(500);
    });  
    
     jQuery("#gradeLevelSub").hover(function() {  
             ShowFilterNav("#gradeLevelSub", "#gradeLevelNav");
        }, function(){  
          HideFilterNav(500);
    });  
  
   jQuery("#subjectNav").hover(function() {  
             ShowFilterNav("#subjectSub", "#subjectNav");
        }, function(){  
         HideFilterNav(500);
    });  
    
     jQuery("#subjectSub").hover(function() {  
             ShowFilterNav("#subjectSub", "#subjectNav");
        }, function(){  
          HideFilterNav(500);
    });  
  
       jQuery("#programTypeNav").hover(function() {  
             ShowFilterNav("#programTypeSub", "#programTypeNav");
        }, function(){  
         HideFilterNav(500);
    });  
    
     jQuery("#programTypeSub").hover(function() {  
             ShowFilterNav("#programTypeSub", "#programTypeNav");
        }, function(){  
          HideFilterNav(500);
    });  
  
  
  });