/** 
  * @name MapIconMaker 
  * @version 1.1 
  * @author Pamela Fox 
  * @copyright (c) 2008 Pamela Fox 
  * @fileoverview This gives you static functions for creating dynamically 
  *     sized and colored marker icons using the Charts API marker output. 
  */ 
  
 /* 
  * Licensed under the Apache License, Version 2.0 (the "License"); 
  * you may not use this file except in compliance with the License. 
  * You may obtain a copy of the License at 
  * 
  *     http://www.apache.org/licenses/LICENSE-2.0 
  * 
  * Unless required by applicable law or agreed to in writing, software 
  * distributed under the License is distributed on an "AS IS" BASIS, 
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
  * See the License for the specific language governing permissions and 
  * limitations under the License.  
  */ 
  
 /** 
  * @name MarkerIconOptions 
  * @class This class represents optional arguments to {@link createMarkerIcon},  
  *     {@link createFlatIcon}, or {@link createLabeledMarkerIcon}. Each of the 
  *     functions use a subset of these arguments. See the function descriptions 
  *     for the list of supported options. 
  * @property {Number} [width=32] Specifies, in pixels, the width of the icon. 
  *     The width may include some blank space on the side, depending on the 
  *     height of the icon, as the icon will scale its shape proportionately. 
  * @property {Number} [height=32] Specifies, in pixels, the height of the icon. 
  * @property {String} [primaryColor="#ff0000"] Specifies, as a hexadecimal 
  *     string, the color used for the majority of the icon body. 
  * @property {String} [cornerColor="#ffffff"] Specifies, as a hexadecimal 
  *     string, the color used for the top corner of the icon. If you'd like the 
  *     icon to have a consistent color, make the this the same as the 
  *     {@link primaryColor}. 
  * @property {String} [strokeColor="#000000"] Specifies, as a hexadecimal 
  *     string, the color used for the outside line (stroke) of the icon. 
  * @property {String} [shadowColor="#000000"] Specifies, as a hexadecimal 
  *     string, the color used for the shadow of the icon.  
  * @property {String} [label=""] Specifies a character or string to display 
  *     inside the body of the icon. Generally, one or two characters looks best. 
  * @property {String} [labelColor="#000000"] Specifies, as a hexadecimal  
  *     string, the color used for the label text. 
  * @property {Number} [labelSize=0] Specifies, in pixels, the size of the label 
  *     text. If set to 0, the text auto-sizes to fit the icon body. 
  * @property {String} [shape="circle"] Specifies shape of the icon. Current 
  *     options are "circle" for a circle or "roundrect" for a rounded rectangle. 
  * @property {Boolean} [addStar = false] Specifies whether to add a star to the 
  *     edge of the icon. 
  * @property {String} [starPrimaryColor="#FFFF00"] Specifies, as a hexadecimal 
  *     string, the color used for the star body. 
  * @property {String} [starStrokeColor="#0000FF"] Specifies, as a hexadecimal 
  *     string, the color used for the outside line (stroke) of the star. 
  */ 
  
 /** 
  * This namespace contains functions that you can use to easily create 
  *     dynamically sized, colored, and labeled icons. 
  * @namespace 
  */ 
 var MapIconMaker = {}; 
  
 /** 
  * Creates an icon based on the specified options in the  
  *   {@link MarkerIconOptions} argument. 
  *   Supported options are: width, height, primaryColor,  
  *   strokeColor, and cornerColor. 
  * @param {MarkerIconOptions} [opts] 
  * @return {GIcon} 
  */ 
 MapIconMaker.createMarkerIcon = function(opts) { 
   var width = opts.width || 32; 
   var height = opts.height || 32; 
   var primaryColor = opts.primaryColor || "#ff0000"; 
   var strokeColor = opts.strokeColor || "#000000"; 
   var cornerColor = opts.cornerColor || "#ffffff"; 
     
   var baseUrl = "http://chart.apis.google.com/chart?cht=mm"; 
   var iconUrl = baseUrl + "&chs=" + width + "x" + height +  
       "&chco=" + cornerColor.replace("#", "") + "," + primaryColor.replace("#", "") + "," + strokeColor.replace("#", "") + "&ext=.png"; 
   var icon = new GIcon(G_DEFAULT_ICON); 
   icon.image = iconUrl; 
   icon.iconSize = new GSize(width, height); 
   icon.shadowSize = new GSize(Math.floor(width*1.6), height); 
   icon.iconAnchor = new GPoint(width/2, height); 
   icon.infoWindowAnchor = new GPoint(width/2, Math.floor(height/12)); 
   icon.printImage = iconUrl + "&chof=gif"; 
   icon.mozPrintImage = iconUrl + "&chf=bg,s,ECECD8" + "&chof=gif"; 
   iconUrl = baseUrl + "&chs=" + width + "x" + height +  
       "&chco=" + cornerColor.replace("#", "") + "," + primaryColor.replace("#", "") + "," + strokeColor.replace("#", ""); 
   icon.transparent = iconUrl + "&chf=a,s,ffffff11&ext=.png"; 
  
   icon.imageMap = [ 
       width/2, height, 
       (7/16)*width, (5/8)*height, 
       (5/16)*width, (7/16)*height, 
       (7/32)*width, (5/16)*height, 
       (5/16)*width, (1/8)*height, 
       (1/2)*width, 0, 
       (11/16)*width, (1/8)*height, 
       (25/32)*width, (5/16)*height, 
       (11/16)*width, (7/16)*height, 
       (9/16)*width, (5/8)*height 
   ]; 
   for (var i = 0; i < icon.imageMap.length; i++) { 
     icon.imageMap[i] = parseInt(icon.imageMap[i]); 
   } 
  
   return icon; 
 }; 
  
  
 /** 
  * Creates a flat icon based on the specified options in the  
  *     {@link MarkerIconOptions} argument. 
  *     Supported options are: width, height, primaryColor, 
  *     shadowColor, label, labelColor, labelSize, and shape.. 
  * @param {MarkerIconOptions} [opts] 
  * @return {GIcon} 
  */ 
 MapIconMaker.createFlatIcon = function(opts) { 
   var width = opts.width || 32; 
   var height = opts.height || 32; 
   var primaryColor = opts.primaryColor || "#ff0000"; 
   var shadowColor = opts.shadowColor || "#000000"; 
   var label = MapIconMaker.escapeUserText_(opts.label) || ""; 
   var labelColor = opts.labelColor || "#000000"; 
   var labelSize = opts.labelSize || 0; 
   var shape = opts.shape ||  "circle"; 
   var shapeCode = (shape == "circle") ? "it" : "itr"; 
  
   var baseUrl = "http://chart.apis.google.com/chart?cht=" + shapeCode; 
   var iconUrl = baseUrl + "&chs=" + width + "x" + height +  
       "&chco=" + primaryColor.replace("#", "") + "," + shadowColor.replace("#", "") + "ff,ffffff01" + 
       "&chl=" + label + "&chx=" + labelColor.replace("#", "") + "," + labelSize; 
   var icon = new GIcon(G_DEFAULT_ICON); 
   icon.image = iconUrl + "&chf=bg,s,00000000" + "&ext=.png"; 
   icon.iconSize = new GSize(width, height); 
   icon.shadowSize = new GSize(0, 0); 
   icon.iconAnchor = new GPoint(width/2, height/2); 
   icon.infoWindowAnchor = new GPoint(width/2, height/2); 
   icon.printImage = iconUrl + "&chof=gif"; 
   icon.mozPrintImage = iconUrl + "&chf=bg,s,ECECD8" + "&chof=gif"; 
   icon.transparent = iconUrl + "&chf=a,s,ffffff01&ext=.png"; 
   icon.imageMap = [];  
   if (shapeCode == "roundrect") { 
     icon.imageMap = [0, 0, width, 0, width, height, 0, height]; 
   } else { 
     var polyNumSides = 8; 
     var polySideLength = 360/polyNumSides; 
     var polyRadius = Math.min(width, height)/2; 
     for (var a = 0; a<(polyNumSides+1); a++) { 
       var aRad = polySideLength*a*(Math.PI/180); 
       var pixelX = polyRadius + polyRadius * Math.cos(aRad); 
       var pixelY = polyRadius + polyRadius * Math.sin(aRad); 
       icon.imageMap.push(parseInt(pixelX), parseInt(pixelY)); 
     } 
   } 
  
   return icon; 
 }; 
  
  
 /** 
  * Creates a labeled marker icon based on the specified options in the  
  *     {@link MarkerIconOptions} argument. 
  *     Supported options are: primaryColor, strokeColor,  
  *     starPrimaryColor, starStrokeColor, label, labelColor, and addStar. 
  * @param {MarkerIconOptions} [opts] 
  * @return {GIcon} 
  */ 
 MapIconMaker.createLabeledMarkerIcon = function(opts) { 
   var primaryColor = opts.primaryColor || "#DA7187"; 
   var strokeColor = opts.strokeColor || "#000000"; 
   var starPrimaryColor = opts.starPrimaryColor || "#FFFF00"; 
   var starStrokeColor = opts.starStrokeColor || "#0000FF"; 
   var label = MapIconMaker.escapeUserText_(opts.label) || ""; 
   var labelColor = opts.labelColor || "#000000"; 
   var addStar = opts.addStar || false; 
    
   var pinProgram = (addStar) ? "pin_star" : "pin"; 
   var baseUrl = "http://chart.apis.google.com/chart?cht=d&chdp=mapsapi&chl="; 
   var iconUrl = baseUrl + pinProgram + "'i\\" + "'[" + label + "'-2'f\\"  + "hv'a\\]" + "h\\]o\\" +  
       primaryColor.replace("#", "")  + "'fC\\" +  
       labelColor.replace("#", "")  + "'tC\\" +  
       strokeColor.replace("#", "")  + "'eC\\"; 
   if (addStar) { 
     iconUrl += starPrimaryColor.replace("#", "") + "'1C\\" + starStrokeColor.replace("#", "") + "'0C\\"; 
   } 
   iconUrl += "Lauto'f\\"; 
  
   var icon = new GIcon(G_DEFAULT_ICON); 
   icon.image = iconUrl + "&ext=.png"; 
   icon.iconSize = (addStar) ? new GSize(23, 39) : new GSize(21, 34); 
   return icon; 
 }; 
  
  
 /** 
  * Utility function for doing special chart API escaping first, 
  *  and then typical URL escaping. Must be applied to user-supplied text. 
  * @private 
  */ 
 MapIconMaker.escapeUserText_ = function(text) { 
   if (text === undefined) { 
     return null; 
   } 
   text = text.replace(/@/, "@@"); 
   text = text.replace(/\\/, "@\\"); 
   text = text.replace(/'/, "@'"); 
   text = text.replace(/\[/, "@["); 
   text = text.replace(/\]/, "@]"); 
   return encodeURIComponent(text); 
 };