//code for highlighting the wec process processes
$(function() {
		$('.highlight').maphilight();
	});

// this is code for the tabs
	  // When the document loads do everything inside here ...
	  $(document).ready(function(){
		
		// When a link is clicked
		$("a.tab").click(function () {
		
			//autoscroll
		 	window.scrollTo(0,300);

			// switch all tabs off
			$(".active").removeClass("active");
			
			// switch this tab on
			$(this).addClass("active");
			
			// slide all content up
			$(".content").hide();
		
			// slide this content up
			var content_show = $(this).attr("title");
			$("#"+content_show).fadeIn(900);
		  
		});
	
	  });

//making the process buttons clickable	
		 // When the document loads do everything inside here ...
		 
	  $(document).ready(function(){
		
		// When a link is clicked
		$("area").click(function () {
		
			// slide all content up
			$(".content").hide();
		
			// slide this content up
			var content_show = $(this).attr("title");
			$("#"+content_show).fadeIn(900);
		
		});
	
		  });
 //function to activate corresponding tabs upon clicking the process button
		 function activate(tab){
		 
			//autoscroll
		 	window.scrollTo(0,300);
		    // switch all tabs off
			$(".active").removeClass("active");				
			 // switch this tab on
			$(tab).addClass("active");
	
		}
		function cursorClick(){
			document.body.style.cursor = 'pointer';
		}
		function cursorDefault(){
			document.body.style.cursor = 'default';
		}