var map;
var markersArray = new Array;
var bounds = new google.maps.LatLngBounds();
var infoWindow = new google.maps.InfoWindow();
var locationarray=new Array;
locationarray['id']=new Array;
locationarray['business_name']=new Array;
locationarray['street_address']=new Array;
locationarray['city']=new Array;
locationarray['state']=new Array;
locationarray['zip']=new Array;
locationarray['office_phone']=new Array;
locationarray['office_phone_text']=new Array;
locationarray['email_address']=new Array;
locationarray['lat']=new Array;
locationarray['lng']=new Array;
locationarray['small_image_url']=new Array;
locationarray['large_image_url']=new Array;
locationarray['slide_show_location']=new Array;
locationarray['slide_show_flag']=new Array;
locationarray['step1_blurb']=new Array;
locationarray['step2_blurb']=new Array;
locationarray['sitelink_id']=new Array;
locationarray['distance']=new Array;
locationarray['step2_blurb']=new Array;

// this is the jquery onready function - anything in here gets called whenever the page is loaded
$(function(){
	setup_mouseover();
	ddsmoothmenu.init({
			mainmenuid: "smoothmenu1", //menu DIV id
			orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
			classname: 'ddsmoothmenu', //class added to menu's outer DIV
			contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
	});
	submit_on_enter();
	// click handler for step 1 'Next' button
	$('.nextbutton').live('click', function() { // process step 1 'next' button click and goto step 2
		select_tab(1);
		var location_id = $(this).attr('id');
		buildstep2(location_id);
	});

	// click handler for info links
	$('.infolink').live('click', function() {
 		var location_id = $(this).attr('id');
		if(location_id){
			step_dispatcher(location_id,2);
		}
	});

	// click handler for get directions links
	$('.directionslink').live('click', function() {
		var location_id = $(this).attr('id');
		if(location_id){
			var get_dir_flag=1
			step_dispatcher(location_id,2,'',get_dir_flag);
		}
	});

	// click handler for back to map
	$('.back_to_map').live('click', function() {
		back_to_map();
	});

	// click top menu links
	$('.topmenu').live('click', function() {
		var location_id = $(this).attr('id');
		step_dispatcher(location_id,2);
	});

	$('#map_and_directions_link').live('click', function(){
		var location_id = $(this).attr('class');
		load_map_and_directions(location_id);
	});

	$('#go_button').live('click', function() {
		var location_id = $(this).attr('class');
		get_directions(location_id);
	});

	$('#submit_button').live('click', function() {
		step_dispatcher(0,1,$('#searchcritera').val());
	});

	$('#get_dir_submit_button').live('click', function() {
		get_step2_directions();
	});

 	$('.template_menu_item').live('mouseover mouseout',function(){
		if (event.type == 'mouseover') {
			$(this).css({ backgroundImage : "url(images/blue_arrow.png)" });
		}else{
			$(this).css({ backgroundImage : "url(images/red_arrow.png)" });
		}
 	});

 	$('.step_2_menu_item').live('mouseover mouseout',function(){
		if (event.type == 'mouseover') {
			$(this).css({ backgroundImage : "url(images/blue_arrow.png)" });
		}else{
			$(this).css({ backgroundImage : "url(images/red_arrow.png)" });
		}
 	});
});

function submit_on_enter(){
// used to submit search critera on hitting 'enter key' or clicking 'search' button
	var  testTextBox = $('#searchcritera');
	var code=null;
	testTextBox.keypress(function(e)
	{
		code= (e.keyCode ? e.keyCode : e.which);
		if (code == 10 || code == 13){
			$('#submit_button').click();
		}
	});
}

function load_map(params,map_type,location_id) {
	if(params){
		var location_string="&nbsp;>&nbsp;<font color=#BE2226>"+params+"</font>";
		$('#location_name').html(location_string);
	}

	var mapOptions = {
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		mapTypeControl: false,
		zoomControl:true,
		streetViewControl:false
	};

 	map =  new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
	var geocoder = new google.maps.Geocoder();
	geocoder.geocode({address: params}, function(results, status) {
		if (status == google.maps.GeocoderStatus.OK) {
			var lat=results[0].geometry.location.lat();
			var lng=results[0].geometry.location.lng();
			var dataString="lat="+results[0].geometry.location.lat()+"&lng="+results[0].geometry.location.lng();
		}else{
			var dataString=""
		}
		if(map_type){
			dataString="map_type="+map_type+"&location_id="+location_id;
		}
		$.getJSON("getlocationjson.php",dataString,function(json){
			var center_map_flag=json.center;
			pincount=0;
			for (i in json.rows){
				var id=json.rows[i]['id'];
				var title=json.rows[i]['business_name'];
				var street_address=json.rows[i]['street_address'];
				var city=json.rows[i]['city'];
				var state=json.rows[i]['state'];
				var zip=json.rows[i]['zip'];
				var office_phone=json.rows[i]['office_phone'];
				var office_phone_text=json.rows[i]['office_phone_text'];
				var small_image_url=json.rows[i]['small_image_url'];
				var large_image_url=json.rows[i]['large_image_url'];
				var slide_show_location=json.rows[i]['slide_show_location'];
				var slide_show_flag=json.rows[i]['slide_show_flag'];
				var facility_info_url=json.rows[i]['facility_info_url'];
				var infowindow="<table class='infowindow' border=0>";
				infowindow=infowindow+"<tr>";
				infowindow=infowindow+"<td valign='top'><img class='smallimage' src='images/buildings/"+small_image_url+"'></td>";
				infowindow=infowindow+"<td valign='top'><strong>"+title+"</strong><br>"+street_address+"<br>"+city+","+state+" "+zip+"<br>"+office_phone+"</td>";
				infowindow=infowindow+"</tr>";
				infowindow=infowindow+"<tr>";
				infowindow=infowindow+"<td valign='top' align='center' nowrap><span class='directionslink' id='"+id+"'>Get Directions</span></td>";
				infowindow=infowindow+"<td valign='top' align='center' nowrap><span class='infolink' id='"+id+"'>Facility Info</span></td>";
				infowindow=infowindow+"</tr>";
				infowindow=infowindow+"</table>";
				infowindow=infowindow+"</div>";
				var location = new google.maps.LatLng(parseFloat(json.rows[i]['lat']),parseFloat(json.rows[i]['lng']));
				pincount++;
				addMarker(location,title,infowindow,pincount,center_map_flag);
			}
			map.setZoom(9);

			if(params){
				var center = new google.maps.LatLng(lat,lng);
				map.setCenter(center);
// 				var pin="http://chart.apis.google.com/chart?chst=d_map_spin&chld=.5|0|0000ff|10|b|";
// 				var marker = new google.maps.Marker({
// 					position: center,
// 					animation: google.maps.Animation.DROP,
// 					icon: pin,
// 					map: map
//   				});
			}
		});
	});
}

//
function load_directions_map(location_id) {
	var mapOptions = {
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		mapTypeControl: false,
		zoomControl:true,
		streetViewControl:false
	};

 	map =  new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

	var dataString="location_id="+location_id;
	$.getJSON("getlocationjson.php",dataString,function(json){
		var center_map_flag=json.center;
		pincount=0;
		for (i in json.rows){
			var id=json.rows[i]['id'];
			var title=json.rows[i]['business_name'];
			var street_address=json.rows[i]['street_address'];
			var city=json.rows[i]['city'];
			var state=json.rows[i]['state'];
			var zip=json.rows[i]['zip'];
			var office_phone=json.rows[i]['office_phone'];
			var office_phone_text=json.rows[i]['office_phone_text'];
			var small_image_url=json.rows[i]['small_image_url'];
			var large_image_url=json.rows[i]['large_image_url'];
			var slide_show_location=json.rows[i]['slide_show_location'];
			var slide_show_flag=json.rows[i]['slide_show_flag'];
			var facility_info_url=json.rows[i]['facility_info_url'];
			var infowindow="<table class='infowindow' border=0>";
			infowindow=infowindow+"<tr>";
			infowindow=infowindow+"<td valign='top'><img class='smallimage' src='images/buildings/"+small_image_url+"'></td>";
			infowindow=infowindow+"<td valign='top'><strong>"+title+"</strong><br>"+street_address+"<br>"+city+","+state+" "+zip+"<br>"+office_phone+"</td>";
			infowindow=infowindow+"</tr>";
			infowindow=infowindow+"<tr>";
			infowindow=infowindow+"<td valign='top' align='center' nowrap><span class='directionslink' id='"+id+"'>Get Directions</span></td>";
			infowindow=infowindow+"<td valign='top' align='center' nowrap><span class='infolink' id='"+id+"'>Facility Info</span></td>";
			infowindow=infowindow+"</tr>";
			infowindow=infowindow+"</table>";
			infowindow=infowindow+"</div>";
			var location = new google.maps.LatLng(parseFloat(json.rows[i]['lat']),parseFloat(json.rows[i]['lng']));
			pincount++;
			addMarker(location,title,infowindow,pincount,center_map_flag);
		}
		map.setZoom(9);
	});

}
//


function addMarker(location,title,infowindow,pincount,center_map_flag) {
	var pin="";
	if(pincount>0){
		var pin="http://chart.apis.google.com/chart?chst=d_map_spin&chld=.5|0|f16353|10|b|"+pincount;
	}
	var marker = new google.maps.Marker({
		position: location,
		animation: google.maps.Animation.DROP,
		icon: pin,
		map: map
  	});
	markersArray.push(marker);
	google.maps.event.addListener(marker, "click", function(event) {
		infoWindow.setContent(infowindow);
        infoWindow.open(map,this);
	});
 	bounds.extend(location);
	map.fitBounds(bounds);
	if(center_map_flag){
		var center = new google.maps.LatLng(location.lat(),location.lng());
		map.setCenter(center);
	}
}

function buildstep1(){
	var pincount=0;
	var loc_content="<h1>&nbsp;&nbsp;Find Storage Near You</h1>";
	var loc_content=loc_content+"<table id=step1table border=0 cellpadding=0 cellspacing=0>";
	$('#locations_link').css({'color':'#BE2226'});
	$('#select_unit_size').hide();
	for(var i=0;i<locationarray['id'].length;i++){
		if(locationarray['id'][i]){
			pincount++;
			// pin settings are documented here: http://groups.google.com/group/google-chart-api/web/chart-types-for-map-pins
			var pin='<img src=http://chart.apis.google.com/chart?chst=d_map_spin&chld=.65|0|f16353|10|b|'+pincount+'> ';
			var small_image='<img class=small_image src=images/buildings/'+locationarray['small_image_url'][i]+'>';
			var loc_info="";
			var loc_info=loc_info+"<br>";
			var loc_info=loc_info+locationarray['business_name'][i]+"<br>";
			var loc_info=loc_info+locationarray['street_address'][i]+"<br>";
			var loc_info=loc_info+locationarray['city'][i]+", ";
			var loc_info=loc_info+locationarray['state'][i]+" ";
			var loc_info=loc_info+locationarray['zip'][i];
			var loc_info=loc_info+"<br>"+locationarray['office_phone'][i]+"<br>";
			var loc_info=loc_info+"<span class=step1blurb>"+locationarray['step1_blurb'][i]+"</span>";
			var nextbutton="<div class=nextbutton id="+locationarray['id'][i]+"><img src=images/buttons/next_button.png></div>No Obligation<br>No Credit Card Required";
			var loc_content=loc_content+"<tr id=row"+i+">";
			var loc_content=loc_content+"<td class='pin padded'>"+pin+"</td>";
			var loc_content=loc_content+"<td class='thumbnail padded'>"+small_image+"</td>";
			var loc_content=loc_content+"<td class='info padded'>"+loc_info+"</td>";
			var loc_content=loc_content+"<td class='button padded'>"+nextbutton+"</td>";
			var loc_content=loc_content+"</tr>";
		}
	}
	var loc_content=loc_content+"</table>";
	$('#step1div').html(loc_content);
}
function buildstep2(location_id){
	var loc_index="";
	for(var i=0;i<locationarray['id'].length;i++){
		if(locationarray['id'][i]==location_id){
			loc_index=i;
		}
	}
	$('#locations_link').css({'color':'#BE2226'});
	var destination=locationarray['city'][loc_index]+" "+locationarray['zip'][loc_index];
	$('#destination').html(' > '+destination);
	$('#destination').show();
	var large_image_url="<img class=large_image src=images/buildings/"+locationarray["large_image_url"][loc_index]+" align=right>";
 	var step2banner="<div id=step2banner>";
	if(locationarray["slide_show_flag"][loc_index]==1){
		var step2banner=step2banner+"<div class=slideshow></div>";
	}else{
		var step2banner=step2banner+large_image_url;
	}
	if(locationarray['office_phone_text'][loc_index]){
		office_phone_text=locationarray['office_phone_text'][loc_index]
	}else{
		office_phone_text="";
	}
	if(locationarray['office_phone'][loc_index]){
		office_phone=locationarray['office_phone'][loc_index]
	}else{
		office_phone="";
	}
	var step2banner=step2banner+"<br><h1>"+office_phone_text+" "+office_phone+"</h1>";
	var step2banner=step2banner+"<h2>"+locationarray['business_name'][loc_index]+"</h2>";
	var step2banner=step2banner+"<div id=step2banner_text>";
	var step2banner=step2banner+locationarray['street_address'][loc_index]+"<br>";
	var step2banner=step2banner+locationarray['city'][loc_index]+", "+locationarray['state'][loc_index]+" "+locationarray['zip'][loc_index]+"<br>";
	var step2banner=step2banner+locationarray['office_phone'][loc_index]+"<br>";
	var step2banner=step2banner+"<a href=mailto:"+locationarray['email_address'][loc_index]+">"+locationarray['email_address'][loc_index]+"</a>";
	var step2banner=step2banner+"</div>";
	var step2banner=step2banner+"<div id=step2buttons><a href=get_a_quote.php><img src=images/buttons/get_a_quote_button.png border=0></a>&nbsp;&nbsp;&nbsp;<a href=my_account.php><img src=images/buttons/pay_online_button.png border=0></a></div>";
 	var step2banner=step2banner+"</div>";
	var step2content=step2banner;
	var step2wrapper="<div id=step2wrapper>";
	var step2menu="<div id=step2menu>";
	var step2menu=step2menu+"</div>";
	var step2wrapper=step2wrapper+step2menu;

	var step2accord="<div id=step2accord>";
	var sid=locationarray['sitelink_id'][loc_index];
	if(sid){
		var step2accord=step2accord+"<div id='sitelink'><iframe src='https://www.securestoragetransactions.com/sitelink/advantagestorage.mv?sid="+sid+"' width='755' height='1000' marginwidth='0' marginheight='0' frameborder='no' scrolling='no'></iframe></div>";
		//var step2accord=step2accord+"<div id='sitelink'>All Local Javascript</div>";
	}else{
		var step2accord=step2accord+"<div id='sitelink'>Location Information Is Unavailable</div>";
	}
	var step2wrapper=step2wrapper+step2accord;
	var step2wrapper=step2wrapper+"</div>";
	var step2content=step2content+step2wrapper;
	$('#step2div').html(step2content);
	$('#select_unit_size').show();
	if(locationarray["slide_show_flag"][loc_index]==1){
		$('.slideshow').load(locationarray["slide_show_location"][loc_index]+'_slideshow.html',function(){
			$('.slideshow').cycle({
				fx     : 'fade',
				speed  : 1000,
				timeout: 5000
			});
		});
	}
 	$('#step2menu').load('step_2_menu.html',function(){
		$('#map_and_directions_link').addClass(''+location_id);
		$('#unit_sizes_and_prices_link').html('');
		$('#unit_sizes_and_prices_link').append('<a href="index.php?location_id='+location_id+'">Unit Sizes and Prices</a>');
		var dataString="location_id="+location_id;
  		$.getJSON("getstep2blurb.php",dataString,function(json){
			$('#step2blurb').html(json.step2_blurb);
  		});
	});
}
// Removes the overlays from the map, but keeps them in the array
function clearOverlays() {
  if (markersArray) {
    for (i in markersArray) {
      markersArray[i].setMap(null);
    }
  }
}
// Shows any overlays currently in the array
function showOverlays() {
  if (markersArray) {
    for (i in markersArray) {
      markersArray[i].setMap(map);
    }
  }
}
// Deletes all markers in the array by removing references to them
function deleteOverlays() {
  if (markersArray) {
    for (i in markersArray) {
      markersArray[i].setMap(null);
    }
    markersArray.length = 0;
  }
}

function select_tab(tab){
	switch(tab){
		case 0:
			$('#tabs').tabs("enable",0);
			$('#tabs').tabs("select",0); // select first tab 'Step 1'
			$('#tabs').tabs("disable",1);
			$('#tabs').tabs("disable",2);
		break;
		case 1:
			$('#tabs').tabs("enable",1);
			$('#tabs').tabs("select",1); // select second tab 'Step 2'
		break;
		case 2:
			$('#tabs').tabs("enable",2);
			$('#tabs').tabs("select",2); // select third tab 'Step 3'
		break;
	}
}

function setup_mouseover(){
	$('#menu_locations').mouseover(function(){
		$('#menu_locations').css({ backgroundImage : "url(images/locations_red.png)" });
	});
	$('#menu_locations').mouseout(function(){
		$('#menu_locations').css({ backgroundImage : "url(images/locations_blue.png)" });
	});
	$('#menu_about_storage').mouseover(function(){
		$('#menu_about_storage').css({ backgroundImage : "url(images/about_storage_red.png)" });
	});
	$('#menu_about_storage').mouseout(function(){
		$('#menu_about_storage').css({ backgroundImage : "url(images/about_storage_blue.png)" });
	});
	$('#menu_special_offers').mouseover(function(){
		$('#menu_special_offers').css({ backgroundImage : "url(images/special_offers_red.png)" });
	});
	$('#menu_special_offers').mouseout(function(){
		$('#menu_special_offers').css({ backgroundImage : "url(images/special_offers_blue.png)" });
	});
	$('#menu_special_offers').mouseover(function(){
		$('#menu_special_offers').css({ backgroundImage : "url(images/special_offers_red.png)" });
	});
	$('#menu_special_offers').mouseout(function(){
		$('#menu_special_offers').css({ backgroundImage : "url(images/special_offers_blue.png)" });
	});
	$('#menu_packing_supplies').mouseover(function(){
		$('#menu_packing_supplies').css({ backgroundImage : "url(images/packing_supplies_red.png)" });
	});
	$('#menu_packing_supplies').mouseout(function(){
		$('#menu_packing_supplies').css({ backgroundImage : "url(images/packing_supplies_blue.png)" });
	});
	$('#menu_about_us').mouseover(function(){
		$('#menu_about_us').css({ backgroundImage : "url(images/about_us_red.png)" });
	});
	$('#menu_about_us').mouseout(function(){
		$('#menu_about_us').css({ backgroundImage : "url(images/about_us_blue.png)" });
	});
	$('#learn_more_button_1').mouseover(function(){
		$('#learn_more_button_1').css({ backgroundImage : "url(images/learn_more_red.png)" });
	});
	$('#learn_more_button_1').mouseout(function(){
		$('#learn_more_button_1').css({ backgroundImage : "url(images/learn_more_blue.png)" });
	});
	$('#learn_more_button_2').mouseover(function(){
		$('#learn_more_button_2').css({ backgroundImage : "url(images/learn_more_red.png)" });
	});
	$('#learn_more_button_2').mouseout(function(){
		$('#learn_more_button_2').css({ backgroundImage : "url(images/learn_more_blue.png)" });
	});
	$('#tab1').mouseover(function(){
 		$('#tab1').css({ backgroundImage : "url(images/tab_step_1_red.png)" });
	});
	$('#tab1').mouseout(function(){
		$('#tab1').css({ backgroundImage : "url(images/tab_step_1_blue.png)" });
	});
	$('#tab2').mouseover(function(){
 		$('#tab2').css({ backgroundImage : "url(images/tab_step_2_red.png)" });
	});
	$('#tab2').mouseout(function(){
		$('#tab2').css({ backgroundImage : "url(images/tab_step_2_blue.png)" });
	});
	$('#tab3').mouseover(function(){
 		$('#tab3').css({ backgroundImage : "url(images/tab_step_3_red.png)" });
	});
	$('#tab3').mouseout(function(){
		$('#tab3').css({ backgroundImage : "url(images/tab_step_3_blue.png)" });
	});
}

function step_dispatcher(location_id,step,params,get_dir_flag){
	var geocoder = new google.maps.Geocoder();
		geocoder.geocode({address: params}, function(results, status) {
		if (status == google.maps.GeocoderStatus.OK) {
			var data=results[0].geometry.location;
			var dataString="lat="+results[0].geometry.location.lat()+"&lng="+results[0].geometry.location.lng();
		}else{
			var dataString="";
		}
		$.getJSON("getlocationjson.php",dataString,function(json){
			locationarray['id']=[];
			locationarray['business_name']=[];
			locationarray['street_address']=[];
			locationarray['city']=[];
			locationarray['state']=[];
			locationarray['zip']=[];
			locationarray['office_phone']=[];
			locationarray['office_phone_text']=[];
			locationarray['email_address']=[];
			locationarray['small_image_url']=[];
			locationarray['large_image_url']=[];
			locationarray['slide_show_location']=[];
			locationarray['slide_show_flag']=[];
			locationarray['step1_blurb']=[];
			locationarray['step2_blurb']=[];
			locationarray['sitelink_id']=[];
			locationarray['distance']=[];
			locationarray['lat']=[];
			locationarray['lng']=[];
			for (i in json.rows){
				locationarray['id'][i]=json.rows[i]['id'];
				locationarray['business_name'][i]=json.rows[i]['business_name'];
				locationarray['street_address'][i]=json.rows[i]['street_address'];
				locationarray['city'][i]=json.rows[i]['city'];
				locationarray['state'][i]=json.rows[i]['state'];
				locationarray['zip'][i]=json.rows[i]['zip'];
				locationarray['office_phone'][i]=json.rows[i]['office_phone'];
				locationarray['office_phone_text'][i]=json.rows[i]['office_phone_text'];
				locationarray['email_address'][i]=json.rows[i]['email_address'];
				locationarray['small_image_url'][i]=json.rows[i]['small_image_url'];
				locationarray['large_image_url'][i]=json.rows[i]['large_image_url'];
				locationarray['slide_show_location'][i]=json.rows[i]['slide_show_location'];
				locationarray['slide_show_flag'][i]=json.rows[i]['slide_show_flag'];
				locationarray['step1_blurb'][i]=json.rows[i]['step1_blurb'];
				locationarray['step2_blurb'][i]=json.rows[i]['step2_blurb'];
				locationarray['sitelink_id'][i]=json.rows[i]['sitelink_id'];
				locationarray['distance'][i]=json.rows[i]['distance'];
				locationarray['lat'][i]=json.rows[i]['lat'];
				locationarray['lng'][i]=json.rows[i]['lng'];
			}
			if($('#top_content').length && !$('#step1table').length){
				$('#left_column').remove();
				$('#middle_column').remove();
				$('#three_easy_steps').remove();
				$('#grey_box_wrapper').remove();
				$('#seo_text_wrapper').remove();
				$('#step1_banner').remove();
				$('#content').remove();
				$('#template_wrapper').remove();
				$("<div id='bread_crumbs'><a href='index.php'>Home</a> > <span id='locations_link' onclick='step_dispatcher(0,1);'>Locations</span><span id='destination'><?echo $bread_crumb;?>&nbsp;</span></div>").appendTo( $('#top_content') );
				$('#small_social_wrapper').appendTo( $('#top_content') );
				$("<div id='three_easy_steps_location'></div>").appendTo( $('#top_content') );
				$("<div id='three_steps'></div>").appendTo( $('#top_content') );
				$("<div id='select_unit_size'>Select a Unit Size and Reserve Online<br>To Lock in Special Pricing!</div>").appendTo( $('#top_content') );
				$('#right_column').remove();
				$('#top_content').height('108');
				$('#top_content').show();
			}
			if($('#template_content_wrapper').length){
				$('#template_content_wrapper').html('');
				$('#template_content_wrapper').attr("id",'top_content');
				$("<div id='three_easy_steps_location'></div>").appendTo( $('#top_content') );
				$("<div id='three_steps'></div>").appendTo( $('#top_content') );
				$("<div id='select_unit_size'>Select a Unit Size and Reserve Online<br>To Lock in Special Pricing!</div>").appendTo( $('#top_content') );
				$('#select_unit_size').css({'margin-top':'52px'});
				$('#top_content').height('108');
			}
			var content="<div id='content'>";
			content=content+"<div id='step_1_left_column'>";
			content=content+"<div id='tabs'>";
			content=content+"<ul>";
			content=content+"<li><div id='tab1'><a href='#tabs-1'><img src='images/tab_mask.png' border='0'></a></div></li>";
			content=content+"<li><div id='tab2'><a href='#tabs-2'><img src='images/tab_mask.png' border='0'></a></div></li>";
			content=content+"<li><div id='tab3'><a href='#tabs-3'><img src='images/tab_mask.png' border='0'></a></div></li>";
			content=content+"</ul>";
			content=content+"<div id='tabs-1'>";
			content=content+"<div id='step1wrapper'>";
			content=content+"<div id='step1div'></div>";
			content=content+"</div>";
			content=content+"</div>";
			content=content+"<div id='tabs-2'>";
			content=content+"<div id='step2div'></div>";
			content=content+"</div>";
			content=content+"<div id='tabs-3'>";
			content=content+"<div id='step3div'></div>";
			content=content+"</div>";
			content=content+"</div>";
			content=content+"</div>";
			content=content+"<div id='step_1_right_column'>";
			content=content+"<div id='mapdiv2'>";
			content=content+"<span id=loadsearchbox></span>";
			content=content+"<div id='map_search'>Enter Zip Code or City & State</div>";
			content=content+"<div id='map_canvas' class='dropshadow'></div>";
			content=content+"<div id='directions_list'></div>";
			content=content+"</div>";
			content=content+"</div>";
			content=content+"</div>";
			$(content).insertAfter($('#top_content'));
			$('#loadsearchbox').load('search_box.html');
			$('#tabs').tabs();
			$('#tabs').bind('tabsselect', function(event, ui) { // bind tab click events and show/hide elements as necessary
				switch(ui.index){
					case 0:
						$('#step_1_left_column').show();
						$('#step_1_right_column').show();
						$('#three_steps').css({ backgroundImage : "url(images/findalocation.png)" });
						$('#select_unit_size').hide();
						$('#content').height('870');
						$('#locations_link').css({'color':'black'});
						$('#destination').hide();
						$('#step2accord').html('');
						$('#map_canvas').width('250');
						$('#map_canvas').height('325');
						load_map(params,'',location_id);
					break;
					case 1:
						$('#step_1_right_column').hide();
						$('#tabs').tabs("disable",2);
						$('#three_steps').css({ backgroundImage : "url(images/selectstorageunit.png)" });
						$('#select_unit_size').show();
						$('#content').height('1400'); // resize content to accomodate accordion
						$('#locations_link').css({'color':'#BE2226'});
						$('#destination').show();
					break;
					case 2:
						$('#step_1_right_column').hide();
						$('#three_steps').css({ backgroundImage : "url(images/reserveonlinefree.png)" });
					break;
				}
			});
			$('#tabs').tabs("disable",2);
			buildstep1();
			switch(step){
				case 1:
					$('#destination').hide();
					select_tab(0);
					load_map(params,'',location_id);
				break;
				case 2:
					buildstep2(location_id);
					$('#destination').show();
					select_tab(1);
					if(get_dir_flag){
						load_map_and_directions(location_id);
					}
				break;
			}
		});
	});
}

function load_directions(location_id){
// this function is not currently used - it may be obsolete
	if(!$('#step1div').length){
		var get_dir_flag=1;
		step_dispatcher(location_id,2,'',get_dir_flag);
	}
	$('.directionslink').hide();
	$('.infolink').hide();
	$('#loadsearchbox').load('go_box.html',function(){
		$('#go_button').attr("class",location_id);
		$('#directions_origin').focus();
	});
}

function load_step2_directions(location_id){
	$('#loadsearchbox').load('go_box.html',function(){
		$('#go_button').attr("class",location_id);
		$('#go_button').attr("id",'get_dir_submit_button');
		$('#directions_origin').focus();
	});
}

function get_directions(location_id){
	location_id=$('#go_button').attr("class");
	var origin=$('#directions_origin').val();
	var loc_index="";
	for(var i=0;i<locationarray['id'].length;i++){
		if(locationarray['id'][i]==location_id){
			loc_index=i;
		}
	}
	var destination=locationarray['street_address'][loc_index]+" "+locationarray['city'][loc_index]+" "+locationarray['state'][loc_index]+" "+locationarray['zip'][loc_index];
	var destination_formatted=locationarray['street_address'][loc_index]+" "+locationarray['city'][loc_index]+", "+locationarray['state'][loc_index];
	var orig_lat="";
	var orig_lng="";
	var dest_lat="";
	var dest_lng="";
	var geocoder = new google.maps.Geocoder();
	geocoder.geocode({address: origin}, function(results, status) {
		if (status == google.maps.GeocoderStatus.OK) {
			var orig_lat=results[0].geometry.location.lat();
			var orig_lng=results[0].geometry.location.lng();
			geocoder.geocode({address: destination}, function(results, status) {
				if (status == google.maps.GeocoderStatus.OK) {
					var dest_lat=results[0].geometry.location.lat();
					var dest_lng=results[0].geometry.location.lng();
				}
				dataString="origin="+orig_lat+","+orig_lng+"&destination="+dest_lat+","+dest_lng+"&sensor=false";
				$.getJSON('getgooglejson.php',dataString,function(json){
					var dirsteps='';
					dirsteps=dirsteps+'<div class=directions_header><img align=center src=http://chart.apis.google.com/chart?chst=d_map_spin&chld=.5|0|62B448|10|b|A>&nbsp;'+origin+'</div>';
					var dirsteps=dirsteps+'<table border=0>';
					dirsteps=dirsteps+'<tr>';
					dirsteps=dirsteps+'<td valign=top align=right nowrap colspan=2>'+json.routes[0].legs[0].distance['text']+' (about '+json.routes[0].legs[0].duration['text']+')</td>';
					dirsteps=dirsteps+'</tr>';
					for(x=0;x<json.routes[0].legs[0].steps.length;x++){
						var step_count=x+1;
						dirsteps=dirsteps+'<tr>';
						//dirsteps=dirsteps+'<td valign=top align=right>'+step_count+'.</td>';
						dirsteps=dirsteps+'<td valign=top align=left>'+json.routes[0].legs[0].steps[x].html_instructions+'</td>';
						dirsteps=dirsteps+'<td nowrap valign=top align=right>'+json.routes[0].legs[0].steps[x].distance['text']+'</td>';
						dirsteps=dirsteps+'</tr>';
					}
					dirsteps=dirsteps+'</table>';
					dirsteps=dirsteps+'<div class=directions_header><img align=center src=http://chart.apis.google.com/chart?chst=d_map_spin&chld=.5|0|62B448|10|b|B>&nbsp;'+destination_formatted+'</div>';
					$('#directions_list').html(dirsteps);
					if( $('#directions_list').height() > 350 ){ // set maximum height for direction steps to 350 px
						$('#directions_list').height(350);
					}
				});
			});
		}else{
			$('#directions_list').html('<div id=directions_list_message>You Must Enter A Valid Address</div>');
			$('#directions_origin').focus();
		}
	});
}
function get_step2_directions(){

	var origin=$('#directions_origin').val();
	var loc_index="";
	location_id=$('#get_dir_submit_button').attr("class");
	for(var i=0;i<locationarray['id'].length;i++){
		if(locationarray['id'][i]==location_id){
			var loc_index=i;
		}
	}
	var destination=locationarray['street_address'][loc_index]+" "+locationarray['city'][loc_index]+" "+locationarray['state'][loc_index]+" "+locationarray['zip'][loc_index];
	var destination_formatted=locationarray['street_address'][loc_index]+" "+locationarray['city'][loc_index]+", "+locationarray['state'][loc_index];
	var orig_lat="";
	var orig_lng="";
	var dest_lat="";
	var dest_lng="";
	var geocoder = new google.maps.Geocoder();
	geocoder.geocode({address: origin}, function(results, status) {
		if (status == google.maps.GeocoderStatus.OK) {
			orig_lat=results[0].geometry.location.lat();
			orig_lng=results[0].geometry.location.lng();
			bounds.extend(results[0].geometry.location);
			geocoder.geocode({address: destination}, function(results, status) {
				if (status == google.maps.GeocoderStatus.OK) {
					dest_lat=results[0].geometry.location.lat();
					dest_lng=results[0].geometry.location.lng();
					bounds.extend(results[0].geometry.location);

					//clearOverlays();
					//deleteOverlays();

					var origin_pin = new google.maps.LatLng(orig_lat,orig_lng);
					//var pin="http://chart.apis.google.com/chart?chst=d_map_spin&chld=.5|0|62B448|10|b|A";
					var pin="http://chart.apis.google.com/chart?chst=d_map_spin&chld=.5|0|0000ff|10|b|";
					var marker = new google.maps.Marker({
						position: origin_pin,
						animation: google.maps.Animation.DROP,
						icon: pin,
						map: map
					});
//
// 					var dest_pin = new google.maps.LatLng(dest_lat,dest_lng);
// 					var pin="http://chart.apis.google.com/chart?chst=d_map_spin&chld=.5|0|62B448|10|b|B";
// 					var marker = new google.maps.Marker({
// 						position: dest_pin,
// 						animation: google.maps.Animation.DROP,
// 						icon: pin,
// 						map: map
// 					});
//
				}
				dataString="origin="+orig_lat+","+orig_lng+"&destination="+dest_lat+","+dest_lng+"&sensor=false";
				$.getJSON('getgooglejson.php',dataString,function(json){
					var dirsteps='';
					dirsteps=dirsteps+'<div class=directions_header><img align=center src=http://chart.apis.google.com/chart?chst=d_map_spin&chld=.5|0|62B448|10|b|A>&nbsp;'+origin+'</div>';
					var dirsteps=dirsteps+'<table border=0>';
					dirsteps=dirsteps+'<tr>';
					dirsteps=dirsteps+'<td valign=top align=right nowrap colspan=2>'+json.routes[0].legs[0].distance['text']+' (about '+json.routes[0].legs[0].duration['text']+')</td>';
					dirsteps=dirsteps+'</tr>';
					for(x=0;x<json.routes[0].legs[0].steps.length;x++){
						var step_count=x+1;
						dirsteps=dirsteps+'<tr>';
						dirsteps=dirsteps+'<td valign=top align=right>'+step_count+'.</td>';
						dirsteps=dirsteps+'<td valign=top align=left>'+json.routes[0].legs[0].steps[x].html_instructions+'</td>';
						dirsteps=dirsteps+'<td nowrap valign=top align=right>'+json.routes[0].legs[0].steps[x].distance['text']+'</td>';
						dirsteps=dirsteps+'</tr>';
					}
					dirsteps=dirsteps+'</table>';
					dirsteps=dirsteps+'<div class=directions_header><img align=center src=http://chart.apis.google.com/chart?chst=d_map_spin&chld=.5|0|62B448|10|b|B>&nbsp;'+destination_formatted+'</div>';
					$('#directions_list').html(dirsteps);
					if( $('#directions_list').height() > 350 ){ // set maximum height for direction steps to 350 px
						$('#directions_list').height(350);
					}
				});
			});
			map.fitBounds(bounds);
		}else{
			$('#directions_list').html('<div id=directions_list_message>You Must Enter A Valid Address</div>');
			$('#directions_origin').focus();
		}
	});
}

function setup_right_panel_footer(){
	$('#right_panel_footer').load('right_panel_footer.html',function(){
		var settings={
			tl:{radius:10},
			tr:{radius:10},
			bl:{radius:10},
			br:{radius:10},
			antiAlias: false
		}
		if ($('#right_panel_content').length){
			curvyCorners(settings,'.right_panel_footer_left');
			curvyCorners(settings,'.why_choose_advantage');
		}
	});
}
function load_map_and_directions(location_id){
	$('#sitelink').remove();
	$('#step2accord_inner').remove();
	var content="";
	content=content+"<div id='step2accord_inner'>";
 	content=content+"<div id='step2accord_inner_right'>";
	content=content+"<div id=loadsearchbox></div>";
	content=content+"<div id='map_search'>Enter Zip Code or City & State</div>";
	content=content+"<div id='directions_list'></div>";
	content=content+"</div>";
	content=content+"<div id='step2accord_inner_left'>";
  	content=content+"<div id='map_canvas' class='dropshadow'></div>";
	content=content+"</div>";
	content=content+"</div>";
	$('#step2accord').append(content);
	$('#map_canvas').width('450');
	$('#map_canvas').height('490');
	load_directions_map(location_id);
	load_step2_directions(location_id);
}