function replaceSpace(theString) { return theString(" ","+"); }

function createNewSideBarItem(city, state, neighborhood, placeName, lastCity, lastNeighbourhood, markerNumber, cityCount, placeCount) {
        var sideBar = "";

        if(city != lastCity) {
            if(markerNumber != 0) {
                sideBar += "</ul></ul>\n";
                
            }
            //sideBar += '<h3 class="menuheader expandable" id="level' + markerNumber + '"><span class="accordprefix"></span><a href="javascript:altMenu(\'' + markerNumber + '\')">' + city + ', ' + state + ' (' + cityCount + ')</a><span class="accordsuffix"></span></h3>' ;
            sideBar += '<h3 class="menuheader" id="level' + markerNumber + '">' + city + ', ' + state + ' (' + cityCount + ')</h3>' ;
            //sideBar += '<ul class="categoryitems nosee" id="ind' + markerNumber + '">';
            sideBar += '<ul class="categoryitems" id="ind' + markerNumber + '">';

        }
        if(neighborhood != lastNeighbourhood) {
             if(markerNumber != 0 && city == last_city) {
                 sideBar += "</ul></li>";
             }
             sideBar += '<li><a href="javascript:altSubMenu(\'' + markerNumber + '\')"  class="subexpandable closedsubheader">' + neighborhood + ' (' + placeCount + ')</a></li>';
         //    sideBar += '<li><a href="http://www.mcanoy.com" class="subexpandable">' + neighborhood + ' (' + placeCount + ')</a>';
             sideBar += '<ul id="sub' + markerNumber + '" class="subcategoryitems noseesub">';
        }
        sideBar += '<li><a href="javascript:myclick(' + markerNumber + ')">'  + placeName + '</a></li>';
                      
                      
        return sideBar;

}

function createSideBarItem(city, state, neighborhood, placeName, lastCity, lastNeighbourhood, markerNumber, cityCount, placeCount) {
        var sideBar = "";

        if(city != lastCity) {
            if(markerNumber != 0) {
                sideBar += "</div></div>";
            }
            sideBar += '<a href="javascript:showlayer(\'hood\', ' + markerNumber + ')">' 
                      + city + ', ' + state + ' (' + cityCount + ')</a><br/><div id="hood_' + markerNumber + '" style="display:none">';
                      
            
        }
        if(neighborhood != lastNeighbourhood) {
             if(markerNumber != 0 && city == last_city) {
                 sideBar += "</div>";
             }
             sideBar += '&#160;&#160;&#160;<a href="javascript:showlayer(\'place\',' + markerNumber + ')">' 
             + neighborhood + ' (' + placeCount + ')</a><br/><div id="place_' + markerNumber + '" style="display:none">';
        }
        sideBar += '&#160;&#160;&#160;&#160;&#160;&#160;<a href="javascript:myclick(' + markerNumber + ')">' 
                      + placeName + '</a><br>';
                      
        return sideBar;

}


function swapImage(sourceName, imageName) {
    document[sourceName].src = "/images/" + imageName;
}

function getHeaderPics() {
    var randnum = Math.floor(Math.random() * 100 % 4);
    swapImage('KevinM','sm-' + 'Kevin' + randnum + '.jpg');
    swapImage('Colleen','sm-' + 'Colleen' + randnum + '.jpg');
    swapImage('Sean','sm-' + 'Sean' + randnum + '.jpg');
    swapImage('Brian','sm-' + 'Brian' + randnum + '.jpg');
    swapImage('Charlene','sm-' + 'Charlene' + randnum + '.jpg');
}

function createFlag(placeType, rating) {
    if("Restaurant" == placeType) {
        return "/images/markerR" + rating + ".png";
    } else if("Bar" == placeType) {
        return "/images/markerB" + rating + ".png";
    }
    return "/images/markerO" + rating + ".png";
}

function createInfo(name, address1, address2, description, pic) {
          if(pic.length > 0) {
            pic = "<img src='" + pic + "'/>";
          }
		      return "<table cellspacing='0' cellpadding='0'><tr class='textblack'><td colspan='3' align='left'><b>" + name
            + "</b></td></tr><tr class='textblacksmall'><td valign='top' align='left'>"
            + address1 + "<br/>" + address2 + "<br/>" + pic
            + "</td><td><img src='/images/spacer.gif' width='5'/></td><td valign='top' align='left' width='150'>"
            + description
            + "</td></tr></table>";
	      }
	      
	      
function createMapText(place) {
	var url = "<a href='" + place.url + "' target='_blank'>" + place.name + "</a>";
	var pic = "";

	if(place.icon.length > 0) {
	    pic = "<img src='" + place.icon + "'/>";
	}
	
	var returnString = "<table cellspacing='0' cellpadding='0'><tr class='textblack'><td colspan='3' align='left'><b>" + url;
	returnString += "</b></td></tr><tr class='textblacksmall'><td valign='top' align='left'>";
	returnString += place.address1;
	returnString += "<br/>";
	returnString += place.address2;
	returnString += "<br/>";
	returnString += pic;
	returnString += "</td><td><img src='/images/spacer.gif' width='5'/></td><td valign='top' align='left' width='150'>";
	returnString += place.description;
	returnString += "</td></tr></table>";
	
	return returnString;
}



function altMenu(id) {
	if(document.getElementById("level" + id).className == 'menuheader expandable openheader') {
		document.getElementById("level" +id).className = 'menuheader expandable';
		document.getElementById("ind" +id).className = 'nosee';
	} else {
		document.getElementById("level" + id).className = 'menuheader expandable openheader';
		document.getElementById("ind" +id).className = 'wesee';
	}
}

function altSubMenu(id) {
	if(document.getElementById("sub" + id).className == 'subcategoryitems noseesub') {
		document.getElementById("sub" +id).className = 'subcategoryitems weseesub ';
	} else {
		document.getElementById("sub" +id).className = 'subcategoryitems noseesub';
	}
}