$(document).ready(function(){
	$.preloadCssImages();
						   
	// from http://www.search-this.com/2009/03/17/jquery-dropdown-menu/
    //$('.down-list').width($('.dropdown-menu').width()-2);

    //////////////////////////////////// DROPDOWN MENU - MAIN NAV ////////////////////////////////
    $('.about-menu').hover(
      function () {
		removeAll();
        $('.about', this).addClass('about-down'); 
        $('.down-list', this).slideDown(100);
      }, 
      function () {
        obj = this;
        $('.down-list', this).slideUp(100, function(){ $('.about', obj).removeClass('about-down'); });
      }
    );
	
	$('.print-menu').hover(
      function () {
		removeAll();
		$('.print', this).addClass('print-down'); 
		$('.down-list', this).slideDown(100);
      }, 
      function () {
        obj = this;
		$('.down-list', this).slideUp(100, function(){ $('.print', obj).removeClass('print-down'); });
      }
    );
	
	$('.online-menu').hover(
      function () {
		removeAll();
		$('.online', this).addClass('online-down'); 
        $('.down-list', this).slideDown(100);
      }, 
      function () {
        obj = this;
		$('.down-list', this).slideUp(100, function(){ $('.online', obj).removeClass('online-down'); });
      }
    );
	
	$('.events-menu').hover(
      function () {
		removeAll();
		$('.events', this).addClass('events-down');
        $('.down-list', this).slideDown(100);
      }, 
      function () {
        obj = this;
		$('.down-list', this).slideUp(100, function(){ $('.events', obj).removeClass('events-down'); });
      }
    );
	
	$('.resources-menu').hover(
      function () {
		removeAll();
		$('.resources', this).addClass('resources-down');
        $('.down-list', this).slideDown(100);
      }, 
      function () {
        obj = this;
		$('.down-list', this).slideUp(100, function(){ $('.resources', obj).removeClass('resources-down'); });
      }
    );
	
	$('.contact-menu').hover(
      function () {
		removeAll();
		$('.contact', this).addClass('contact-down');
        $('.down-list', this).slideDown(100);
      }, 
      function () {
		$('.contact').removeClass('contact-down');  
        //obj = this;
		//$('.down-list', this).slideUp(100, function(){ $('.contact', obj).removeClass('contact-down'); });
      }
    );
	
	$('.advertiser-menu').hover(
      function () {
		removeAll();
		$('.advertiser', this).addClass('advertiser-down');
        $('.down-list', this).slideDown(100);
      }, 
      function () {
		$('.advertiser').removeClass('advertiser-down');
        //obj = this;
		//$('.down-list', this).slideUp(100, function(){ $('.advertiser', obj).removeClass('advertiser-down'); });
      }
    );
   
   function removeAll(){
	 	$('.about').removeClass('about-down'); 
		$('.print').removeClass('print-down'); 
		$('.online').removeClass('online-down'); 
		$('.events').removeClass('events-down');  
		$('.resources').removeClass('resources-down');
		$('.advertiser').removeClass('advertiser-down');
		$('.contact').removeClass('contact-down');
   }
   
   //////////////////////////////////// SIDE NAV ////////////////////////////////////////////////////
   $(".snlink img").hover(
	 function()
	 {
	  this.src = this.src.replace("_off","_over");
	 },
	 function()
	 {
	  this.src = this.src.replace("_over","_off");
	 }
	);
});