

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    
    <!-- Title -->
    <title>Justice Toolbox - Everyday Justice.</title>

    <!-- Meta Description -->
    <meta name="description" content="Find the perfect lawyer for your case. Estimated win rates and prior case records of attorneys are available in all practice areas.">

    <!-- Set Image Used for Sharing -->
    <meta property="og:image" content="https://www.justicetoolbox.com/static/images/SocialShareImage.png">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="800">
    <meta property="og:image:height" content="482">

    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
							  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
												    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
													'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
     })(window,document,'script','dataLayer','GTM-W2HXB9');</script>
    <!-- End Google Tag Manager -->

    <!-- Favicons -->
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/manifest.json">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="theme-color" content="#ffffff">

    <!-- Google Fonts (load Allerta and Lora) -->
    <link href='https://fonts.googleapis.com/css?family=Allerta|Lora' rel='stylesheet' type='text/css'>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://www.justicetoolbox.com/static/bootstrap-3.3.6/css/bootstrap.min.css" >

    <!-- JQuery UI -->
    <link rel="stylesheet" href="https://www.justicetoolbox.com/static/ajax/libs/jquery-ui/jquery-ui-1.10.4.custom.min.css" >

    <!-- RateYo -->
    <link rel="stylesheet" href="https://www.justicetoolbox.com/static/rateYo/jquery.rateyo.min.css" >

    

    <!-- JT CSS -->
    <link rel="stylesheet" href="https://www.justicetoolbox.com/static/jt/jt.css" >

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
	<script src="https://www.justicetoolbox.com/static/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://www.justicetoolbox.com/static/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://www.justicetoolbox.com/static/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://www.justicetoolbox.com/static/bootstrap-3.3.6/js/bootstrap.min.js"></script>

    <!-- JQuery UI -->
    <script src="https://www.justicetoolbox.com/static/ajax/libs/jquery-ui/jquery-ui-1.10.4.custom.min.js"></script>

    <!-- Include Bootpage -->
    <script src="https://www.justicetoolbox.com/static/bootpage/jquery.bootpag.min.js"></script>

    <!-- RateYo -->
    <script src="https://www.justicetoolbox.com/static/rateYo/jquery.rateyo.min.js"></script>

    <!-- CountUp.js used in search results and attorney display pages -->
    <script src="https://www.justicetoolbox.com/static/countUp/countUp.min.js"></script>

  </head>
  <body>

      <!-- Google Tag Manager (noscript) -->
      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W2HXB9"
			height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
      <!-- End Google Tag Manager (noscript) -->

      <div class="navbar navbar-default navbar-fixed-top">
	  <div class="container-fluid">
	      <div class="navbar-header ">
		  <a href="/"><img
				  
				  src="https://www.justicetoolbox.com/static/images/JTlogo_black_small.png" 
				  srcset="https://www.justicetoolbox.com/static/images/JTlogo_black_small_retina.png 2x" 
				  class="jt-small-logo-black logo-navbar"
				  
			      >
		  </a>
		  <a href="/noindex/A.html" class="partisan">
		      Click here
		  </a>
		  <button type="button" id="navbar-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
		      <span class="icon-bar"></span>
		      <span class="icon-bar"></span>
		      <span class="icon-bar"></span> 
		  </button>
		  
		  
	      </div>
	      <div class="collapse navbar-collapse" id="myNavbar">
		  
	      </div>
	  </div>
      </div>

      <script>
       
       function adjustAnchor() {
	   /* Offset for navbar (otherwise anchor is hidden under navbar) */
	   var navbaroffset = 60; // use 60 to create a small gap above search form
	   $('html,body').animate({scrollTop: $("#search_form_top").offset().top - navbaroffset});
       }
      </script>
	  
      <!-- 
    <div class="jumbotron header-wrapper nospace-top-bottom">
	<div class="container">
	    <div class="row">
		<div class="col-xs-12">
		    <h2>Justice Toolbox</h2>
		</div>
	    </div>
	</div>
    </div>
    -->



    <!-- Navigation Bar -->
    

    
    

<!-- 

    <div class="search-form changing-background">

-->


    <div class="search-form search-form-home">



    <div id="back2" class="changing-background background-image-2">
    </div>
    <div id="back1" class="changing-background background-image-1">
    </div>
    <div id="back0" class="changing-background changing-background-default background-image-0">
    </div>
    

    <div class="container search-container">
    
	<div class="row">
	    <div class="col-xs-12 text-center">
		<h1 class="intro-font-header">Justice Toolbox is Temporarily Down for Maintenance</h1>
		<p class="intro-font">Please check back at another time.</p>
	    </div>
	</div>
    
<!--
    <a id="search_form_top"></a>
    <form action="/web/displaysearch" method="GET" onsubmit="return validateSearchForm()">
	<fieldset class="row">
      	    <div class="form-group col-xs-12 col-md-6">
		<div class="input-group">
		    <span class="input-group-addon" id="search-addon"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>
		    <input id="query_input" class="form-control" value="" placeholder="Car Accident or John Smith"
			   type="text" name="query" aria-describedby="search-addon">
		</div>
	    </div>
	  
	<div class="form-group col-xs-12 col-md-4">
	    <div class="input-group">
		<span class="input-group-addon" id="search-addon"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span></span>
		<input id="location_input" class="form-control" value="" placeholder="Location"
		       aria-describedby="location-addon" type="text" name="location">
	    </div>
	</div>
	<div class="form-group col-xs-12 col-md-2">
	    <button class="form-control btn btn-primary" type="submit" value=""><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
	</div>
	<input id="lat" type="hidden" name="lat" value="0">
	<input id="lon" type="hidden" name="lon" value="0">
	<input id="state" type="hidden" name="state" value="">
	<input id="user_lat" type="hidden" name="user_lat" value="0">
	<input id="user_lon" type="hidden" name="user_lon" value="0">
    </fieldset>
    </form>
-->
    
    
	
    
    

</div>
</div>


<div class="background-fade">
</div>
<div class="background-black">
</div>



<script>	 
 $(animateStory); // JQuery trigger on document ready event

 // Hide the intro text so we can animate fade in
 $('.intro-font-header').css('opacity', 0).css('top', '-15px');
 $('.intro-font').css('opacity', 0).css('top', '15px');
	 
 var transitionTime = 6000;
 var currentBackground = 0;
 //var backgrounds;

 
 
 var preloaded = new Array();
 function animateStory() {

     // Animate fade in of text
     $('.intro-font-header').animate({ opacity: 1, top: '0px'}, {duration: 1000});
     $('.intro-font').animate({ opacity: 1, top: '0px'}, {queue: false, duration: 1000});
     
	     // Add parallax
	     

	     // Preload background images
	     

     // Start changing backgrounds
     setTimeout(nextBackground, transitionTime);
 }

function nextBackground () {
	     var back = new Array("#back0", "#back1", "#back2");
	     var fadeTime = 1500; // time for fade to occur

	     /* Set z-indexes so current background is on top and all others are under it in decreasing order */
	     for(var i = 0; i < back.length; i++) {
		 $(back[(currentBackground + i) % back.length]).css("z-index", back.length - i);

		 /* The image under the top one must be set to visible */
		 if(i == 1) {
		     /* animate a very slight fade in */
		     $(back[(currentBackground + i) % back.length]).css("opacity", 0.7); /* high opacity so image is visible */
		     $(back[(currentBackground + i) % back.length]).animate({ opacity: 1}, fadeTime); /* fade in all the way*/
		 }
	     }

	     /* Fade out the top image to show the image underneath */
	     $(back[currentBackground]).animate({ opacity: 0 }, fadeTime);
	     currentBackground = ++currentBackground % back.length; // Advance the current background
	     	     
     // Set timer to change background
     setTimeout(nextBackground, transitionTime + fadeTime);
	 }

	 function validateSearchForm() {	     
	     // Test that the query input field has at least one alphanumeric symbol
	     if($('#query_input').val().search(/[a-z0-9]/i) != -1) { // -1 is miss
		 return true; // allow submit
	     }
	     else {
		 return false; // prevent submit
	     }
	 }
 
</script>




    
    
    
    
    
    <script src="//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js" type="text/javascript"></script>
    <script>
     $(geolocate); // JQuery trigger on document ready event
     window.addEventListener("pageshow", geolocate, false); // called when user comes to page with 'back' button

     var defaultAddress = "Washington, DC";
     
     var onGeoSuccess = function(location) {
	 /*
	    alert(
	    "Lookup successful:\n\n"
	    + JSON.stringify(location, undefined, 4)
	    );
	  */     

	 // Hash of accepted states
	 var acceptedStates = {
	     "md": 1,
	     "dc": 1
	 };
	 
	 // Set location field with formatted address 
	 var address = "";

	 // add address if it exists
	 if(location.city.names.en && // check city exists
	    location.most_specific_subdivision.iso_code && // check state exists
	    acceptedStates[location.most_specific_subdivision.iso_code.toLowerCase()]) { // check state is in bounds
		
	     address = location.city.names.en + ", " + location.most_specific_subdivision.iso_code;

	     // add postal code if it exists
	     if(location.postal.code) {
		 address += " " + location.postal.code;
	     }

	     // comment out for now until I can test this code
	     //document.getElementById('lat').value = user_lat;
	     //document.getElementById('lon').value = user_lon;
	     //document.getElementById('state').value = location.most_specific_subdivision.iso_code.toLowerCase();
	 }

	 // set address to a default if failure
	 if(! address) {
	     address = defaultAddress;
	 }

	 // set location field
	 document.getElementById('location_input').value = address;

	 // Set
	 // (1) lat, lon hidden fields
	 // (2) user_lat, user_lon hidden fields
	 // (3) autocomplete bounds
	 var user_lat = location.location.latitude;
	 var user_lon = location.location.longitude;
	 if(user_lat && user_lon) {	     
	     document.getElementById('user_lat').value = user_lat;
	     document.getElementById('user_lon').value = user_lon;

	     setAutocompleteBounds(user_lat, user_lon);
	 }     
     };

     var onGeoError = function(error) {
	 // set location field to a default
	 document.getElementById('location_input').value = defaultAddress;
     };
     
     function geolocate() {
	 geoip2.city(onGeoSuccess, onGeoError);
     }
    </script>

    



<script>
 $(initAutocompleteQuery); // JQuery trigger on document ready event
 
 / * Call back when Google Maps API is loaded */
 function initGoogleMaps () {
     initAutocompleteLocation();

     
     
 }

 
 
 
 
 /* Autocomplete Location Field Using Google Maps API */
 function initAutocompleteLocation() {
     // Create the autocomplete object, restricting the search to geographical
     // location types.
     autocomplete = new google.maps.places.Autocomplete(
         /** @type {!HTMLInputElement} */(document.getElementById('location_input')),
         {types: ['geocode']});

     // If we have the user's lat and lon, then bias autocomplete to user location
     var lat = 0;
     var lng = 0;

     if(lat != 0 && lng != 0) {
	 setAutocompleteBounds(lat, lng);
     }
 }

 function setAutocompleteBounds(inlat, inlon) {
     var geolocation = {
	 lat: inlat,
	 lng: inlon
     };
     var circle = new google.maps.Circle({
	 center: geolocation,
	 radius: 1000 // radius is in meters
     });
     autocomplete.setBounds(circle.getBounds());
     //console.log("Bias");
     //console.log(circle.center.toString());
     //console.log(circle);
 }

 /* Reset hidden lat, lon field when location field is edited */

 // "onchange" event is triggered when field is changed and loses focus.  The field
 // loses focus when user to presses "submit" button (even if "Enter" is pressed)  Therefore this is okay.
 // In HTML 5, we could have used "oninput" event which is triggered immediately on a change, prior to losing focus.
 document.getElementById('location_input').addEventListener("change", resetHiddenLatLon, false);
 
 // Deletes the hidden lat, lon, state when the location field is edited
 function resetHiddenLatLon() {
     document.getElementById('lat').value = 0;
     document.getElementById('lon').value = 0;
     document.getElementById('state').value = "";
 }

 /* Initalize Autocomplete for Query Field */
 var autocompleteRemoteData; // list of all possible autcompletes from server
 var acCache = {};
 function initAutocompleteQuery() {
     
     var autocompleteURL = "/service/autocompletequery";
     $("#query_input").autocomplete({
	 source: function(request, response) {
	     // check cache for autocomplete term
	     var term = request.term;
	     if(term in acCache) { // use "in" because some objects in acCache will be an empty array (which evaluates to false)
		 response(acCache[term]);
		 // console.log("Found: " + term + " in cache with data: " + acCache[term]);
		 return;
	     }

	     // on cache miss, query the server
	     $.getJSON(autocompleteURL, request, function(data, status, xhr) {
		 acCache[term] = data;
		 response(data);
	     });
	 },
	 minLength: 1,
	 delay: 200
     });
     
        

     // JQuery Autocomplete
     
 }
 
 
 
</script>

<!-- Google Maps API load     -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC89vQ-Xra1xl2xeyyOg2fkz02MGafrDV4&libraries=places&callback=initGoogleMaps"
        async defer></script>



    <div class="container div-body">


    
</div> <!-- /container -->

<!-- Footer -->

<div class="footer-wrapper">
    <div class="container text-center">
	<p class="color-lightgray">
	    <a href="/terms.html" class="color-lightgray-link">Terms of Service</a> | <a href="/privacy.html" class="color-lightgray-link">Privacy Policy</a>
	</p>

	<p class="color-lightgray">
	    &copy; 2016 Justice Toolbox, Inc.
	</p>
    </div>
</div>

  </body>
  
</html>


