// JavaScript Document
function btn_overs(sel, newImage){
	var theImage=document.getElementById(sel);
	theImage.src=newImage;
}
function selService(theId){
	xajax_phpFunction(theId);
}

/*
Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
*/

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters)) 
{
   for(var i=0; i<document.images.length; i++)
   {
      var img = document.images[i]
      var imgName = img.src.toUpperCase()
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
      {
         var imgID = (img.id) ? "id='" + img.id + "' " : ""
         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
         var imgStyle = "display:inline-block;" + img.style.cssText 
         if (img.align == "left") imgStyle = "float:left;" + imgStyle
         if (img.align == "right") imgStyle = "float:right;" + imgStyle
         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
         var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
         img.outerHTML = strNewHTML
         i = i-1
      }
   }
}

function selectLocation(sel){
	resetNav(sel);
	var doIndex=1;
	switch (sel){
		case 'eatonRapids':
			doIndex=0;
		break;
		case 'waterford':
			doIndex=1;
		break;
		case 'springArbor':
			doIndex=2;
		break;
	}
	fillSelectFromArray(document.selectorForm.Unit, unit[doIndex]);	
	document.getElementById("selectedLocation").value=sel;
}

function resetNav(sel){
	var nav='';
	var btns=new Array('eatonRapids','springArbor','waterford');
	for (i = 0; i < btns.length; i++) {
		if (btns[i]!=sel){
			nav+=makeRollOverImageLink('javascript:selectLocation(\''+btns[i]+'\')','btn_'+btns[i],'images/siteAssets/btn/','gif');
		}else{
			nav+='<img src="/images/siteAssets/btn/btn_'+btns[i]+'_f2.gif" name="btn_'+btns[i]+'" id="btn_'+btns[i]+'" border="0"  alt="">';
		}
	}
	document.getElementById("selectorBtns").innerHTML=nav;
}

function makeRollOverImageLink(theLink,btnName,imgPath,ext){
	var imgLink='<a href="'+theLink+'"  onMouseOver="btn_overs(\''+btnName+'\',\''+imgPath+btnName+'_f2.'+ext+'\')" onMouseOut="btn_overs(\''+btnName+'\',\''+imgPath+btnName+'.'+ext+'\')" ><img src="'+imgPath+btnName+'.'+ext+'" name="'+btnName+'" id="'+btnName+'" border="0"  alt=""></a>';
	return imgLink;
}

function selectSize(){
	var l=document.getElementById("selectedLocation").value;
	var s=document.getElementById("Unit").value;
	if (s!='Select Location'){
		var url_string='inc/ajax.php?m=selector&l='+l+'&s='+s;
		ajaxpage(url_string, 'withSelectorContent');
	}
}

//populate select menu for selector
function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
var i, j;
var prompt;
// empty existing items
for (i = selectCtrl.options.length; i >= 0; i--) {
selectCtrl.options[i] = null; 
}
prompt = (itemArray != null) ? goodPrompt : badPrompt;
if (prompt == null) {
j = 0;
}
else {
selectCtrl.options[0] = new Option(prompt);
j = 1;
}
if (itemArray != null) {
// add new items
for (i = 0; i < itemArray.length; i++) {
selectCtrl.options[j] = new Option(itemArray[i][0]);
if (itemArray[i][1] != null) {
selectCtrl.options[j].value = itemArray[i][1]; 
}
j++;
}
// select first item (prompt) for sub list
//selectCtrl.options[0].selected = true;
   }

}



///google map
var gmarkers = [];
var htmls = [];
var to_htmls = [];
var from_htmls = [];
var i=0;

function createMarker(point,name,html) {
var baseIcon = new GIcon(G_DEFAULT_ICON);
baseIcon.iconSize = new GSize(39, 39);
var cIcon = new GIcon(baseIcon);
cIcon.image = "http://4starstorage.info/images/siteAssets/icon_googleMap.png";
markerOptions = { icon:cIcon };
var marker = new GMarker(point, markerOptions);
to_htmls[i] = html + '<br>Directions: <b>To here</b> - <a href="javascript:fromhere(' + i + ')">From here</a>' +
   '<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
   '<input type="text" SIZE=40 MAXLENGTH=48 name="saddr" id="saddr" value="" /><br>' +
   '<INPUT value="Get Directions" TYPE="SUBMIT">' +
   '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +
		  // "(" + name + ")" +
   '"/>';
from_htmls[i] = html + '<br>Directions: <a href="javascript:tohere(' + i + ')">To here</a> - <b>From here</b>' +
   '<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
   '<input type="text" SIZE=40 MAXLENGTH=48 name="daddr" id="daddr" value="" /><br>' +
   '<INPUT value="Get Directions" TYPE="SUBMIT">' +
   '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
		  // "(" + name + ")" +
   '"/>';
html = html + '<br>Directions: <a href="javascript:tohere('+i+')">To here</a> - <a href="javascript:fromhere('+i+')">From here</a>';
GEvent.addListener(marker, "click", function() {
  marker.openInfoWindowHtml(html);
});
gmarkers[i] = marker;
htmls[i] = html;
i++;
return marker;
}
function tohere(i) {
gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}
function fromhere(i) {
gmarkers[i].openInfoWindowHtml(from_htmls[i]);
}

function initialize() {
if (GBrowserIsCompatible()) {
  var map = new GMap2(document.getElementById("map_canvas"));
  map.addControl(new GSmallMapControl());	
  map.setCenter(new GLatLng(42.421388,-84.009150), 9);

  var point = new GLatLng(42.509296,-84.640584);
  var marker = createMarker(point,'4Star Storage','<img src="http://www.4starstorage.info/images/siteAssets/smLogo.gif" border="0"><br>781 State Street Eaton Rapids, Michigan 48827 ')
  map.addOverlay(marker);
  
  var point = new GLatLng(42.216396,-84.516557);
  var marker = createMarker(point,'4Star Storage','<img src="http://www.4starstorage.info/images/siteAssets/smLogo.gif" border="0"><br>8027 Spring Arbor Road Spring Arbor, Michigan 49283')
  map.addOverlay(marker);

  var point = new GLatLng(42.694350,-83.391807);
  var marker = createMarker(point,'4Star Storage','<img src="http://www.4starstorage.info/images/siteAssets/smLogo.gif" border="0"><br>5279 Dixie Highway Waterford, Michigan 48329')
  map.addOverlay(marker);	
  
  var point = new GLatLng(42.214327,-84.521534);
  var marker = createMarker(point,'4Star Storage','<img src="http://www.4starstorage.info/images/siteAssets/smLogo.gif" border="0"><br>6600 Spring Arbor Road Spring Arbor, Michigan 49283')
  map.addOverlay(marker);	
}
}	


//ajax
var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}