$(document).ready(function() {
			
	// Give the first H1 of every page a special class and wrap it with a <span> tag
	$("#right-column h1:first").addClass("headline").wrapInner("<span></span>");

	// Cool rollover effect for the horizontal menu
	$('#top-nav li a')
		.css( {backgroundPosition: "0px 0px", color: "#FFFFFF", background: "url(images/nav-animation.png)"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0px -108px)", color: "#87511f"}, {duration:300})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0px 0px)", color: "#FFFFFF"}, {duration:50})
		})
	
	
	// Add special class to last menu item of left-nav
	$("#left-nav li:last").addClass("last");
	
	
	// Banner Rollover
	$("#banner-link").hide();
	
	$("#calltoday").hover(function() {
		$("#banner-link").fadeIn(300);
		},
		function() {
		$("#banner-link").fadeOut(300);
		});
			
	// Contact Box Effect
	$("#left-column #contact-box").hover(function()	{
	  	$("span a").css({color: "#303A6F"});
		$("span a").stop().animate({color: "#ffffff"}, 500);
	  },
	  function() {
		$("span a").stop().animate({color: "#303A6F"}, 100);											  
	});
	
	
	// Turn on the cyclebox
	$('#cyclebox div').cycle({
		fx:      'fade',	
		random:  1,
    	speed:    1200, 
    	timeout:  5000 	 
						 
	});
	

// End jQuery
});