$(document).ready(function(){
    
    // Fix PNG support for IE6
	//$('body').supersleight();

	// Set up the nice Slideshow on the Home Page
	$('#photoBox').cycle({
		fx: 'fade',
		speed: 'slow',
		timeout: 6000,
		pager: '#photoNav',
		pause: 1
	});
	
	//------------------------------------//
	// Level 2 Section List
	//------------------------------------//
 	
		//take the margin off of the last list-item on each row
		 $("ul.level2List li:nth-child(3n)").addClass("last");

	//------------------------------------//
	
	
    //------------------------------------//
    // Special Actions for IE6 only
    //------------------------------------//
    if (!(window.XMLHttpRequest)) {


     }
    //------------------------------------//
    
    //------------------------------------//
    // Show/Hide Functionality
    //------------------------------------//
        // Hide all div's with the class "shBox"
	    $('.shBox').hide();
    	
	    // Create show/hide functionality
	    // Desc: Basically, this attaches a toggle onClick event to each
	    // 'a' tag that has the class 'showHide'
	    // The 'a' tag's HREF attribute value is the ID of the
	    // element to be shown/hidden.
	    // "shTitle" givs us a nice "expand/collapse" arrow right before the 'a' tag
	    $('a.showHide').toggle(
	        function(){
		        var e = $(this)
		        // expand/collapse arrow
		        if (e.hasClass("shTitle")){
		            e.addClass("shTitleOpen")
		        }
               // Fade in the selected element
			    $(e.attr('href')).fadeIn("slow")
		    },
		    function(){
		        var e = $(this)
		        // expand/collapse arrow
		        if (e.hasClass("shTitle")){
		            e.removeClass("shTitleOpen")
		        }
			    // Fade out the selected element
			    $(e.attr('href')).fadeOut("fast")
		    }
        );
	
//------------------------------------//


    
});