$(document).ready(function() {

			 // Learn More Buttons, Auto sets the active service
       			 $(".learnmore").bind('click', function() {
       			 	target = $(this).attr('rel');
       			 	$('body').scrollTo('#services', 1000, function() {
       			 		$(target).trigger("click").addClass("active").animate({width: ['245px', 'swing']}, 400);
       			 	});
       			 });
       			 
       		// Autoset service 1 as default
       		$(".steps li").eq(0).addClass("active").css("width","245px");
       		
       		// Pane Control
   			$(function() { 
    			// setup ul.tabs to work as tabs for each div directly under div.panes 
    			$("ul.steps").tabs("div#sections > div", {effect: 'fade', fadeInSpeed: 500, fadeOutSpeed: 500, initialIndex: null}); 
			});
			
			// Dynamically change other services based on click
			$(".steps li").bind('click', function(){
       			 	current = $(this);
       			 	if ($(this).hasClass("active")) {
       			 		return false;
       			 	}
       			 	else {
       			 		$(".steps .active").animate({width: "70px"}, 600, 'swing', function() {
       			 			$(this).removeClass("active");
       			 		});
       			 		$(this).addClass("active");
       			 		}
       			 	});
       			 
       			 
       			 var config = {    
     				sensitivity: 5, // number = sensitivity threshold (must be 1 or higher)    
     				interval: 60, // number = milliseconds for onMouseOver polling interval    
     				over: getBigger, // function = onMouseOver callback (REQUIRED)    
     				timeout: 200, // number = milliseconds delay before onMouseOut    
     				out: getSmaller // function = onMouseOut callback (REQUIRED)    
     			};

				$(".steps li").hoverIntent(config);
    		});
    		
    			function getBigger() {
    				if ($(this).hasClass("active")) {
       			 		return false;
       			 	}
       			 	else {
       			 		$(this).animate({width: ['245px', 'swing']}, 400);
       			 	}
    			}
    			function getSmaller() {
    				if ($(this).hasClass("active")) {
       			 		return false;
       			 		}
       			 	else {
       			 		$(this).animate({width: ['70px', 'swing']}, 400);
       			 	}
    			}