$(document).ready(function(){

	
	/* DROP DOWN MENU */
	function nav(){
		$('div#menu ul li').mouseover(function() {
			$(this).find('ul:first').show();
		});
		
		$('div#menu ul li').mouseleave(function() {
			$('div#menu ul li ul').hide();
		});
		
		$('div#menu ul li ul').mouseleave(function() {
			$('div#menu ul li ul').hide();;
		});
	};
		
	$(document).ready(function() {
		nav();
	});
	
	
	/* AUTO SLIDER */
	function formatText(index, panel) {
		  return index + "";
	    }
	
	    $(function () {
	    
	        $('.anythingSlider').anythingSlider({
	            easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
	            autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
	            delay: 3000,                    // How long between slide transitions in AutoPlay mode
	            startStopped: false,            // If autoPlay is on, this can force it to start stopped
	            animationTime: 600,             // How long the slide transition takes
	            hashTags: true,                 // Should links change the hashtag in the URL?
	            buildNavigation: false,          // If true, builds and list of anchor links to link to each slide
	    		pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
	    		startText: "Go",             // Start text
		        stopText: "Stop",               // Stop text
		        navigationFormatter: formatText       // Details at the top of the file on this use (advanced use)
	        });
	        
	        $("#slide-jump").click(function(){
	            $('.anythingSlider').anythingSlider(6);
	        });
	        
	    });
	    
	
	    
	/* PRE TAGS */
	$(function(){
	
	    $("pre").hover(function() {
		var codeInnerWidth = $("code", this).width() + 10;
	    if (codeInnerWidth > 500) {
			$(this)
				.stop(true, false)
				.css({
					zIndex: "100",
					position: "relative"
				})
				.animate({
					width: codeInnerWidth + "px"
				});
			}
		}, function() {
				$(this).stop(true, false).animate({
					width: 500
			});
		});
	
	
	});
	


});