/**
 * @author Brian
 * Highslide customizations for markets.html
 * Must load after the standard highslide.js file
 */
            hs.graphicsDir = '/resources/highslide/graphics/';
            hs.showCredits = false;
            hs.preserveContent = false;
            hs.align = 'center';
            hs.outlineType = 'rounded-white';
            hs.headingId = 'service_popup_header';
            hs.dimmingOpacity = 0.30;          
			hs.Expander.prototype.onAfterGetContent = function(){
				/*insert html code for image.  The filename for the image is passed using a custom highslide variable named 'state'.  The actual gif files are named to match the full state name.  The 'state' variable is used to form the heading text as well.*/
				this.maincontent.innerHTML = this.maincontent.innerHTML.replace("{img}", "<img id='state_img' alt='state'src='/resources/state-images/" + this.custom.state + ".gif' height='65' />");
				
				/*Form the separator for the heading text that divides city and state. ex: Austin, Texas*/
                if (this.custom.city != "") {
                    separator = ", "
                }
				/*If the 'city' variable is empty, then the call is for a state only page and therefore the separator is left off since no city name will follow.*/
                else 
                    separator = "";
					
                /*Some city/state combinations are excessively long.  In these cases another custom variable named 'abbrev' can be passed which contains the state abbreviation.  This will shorten the heading string ex: Colorado Springs, CO*/
				if (this.custom.abbrev != null||"") {
                    this.custom.state = this.custom.abbrev
                }

                this.maincontent.innerHTML = this.maincontent.innerHTML.replace("{heading}", this.custom.city + separator + this.custom.state).replace("{state}", this.custom.state);
            }
            
            hs.registerOverlay({
                html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"><\/div>',
                position: 'top right',
                fade: 2,
                relativeTo: 'expander',
                useOnHtml: true
            });
