☰

Color Coding for Play.Planets.nu

Color codes planets and ships by race on Play.Planets.nu map

目前为 2014-07-21 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name          Color Coding for Play.Planets.nu
  3. // @description   Color codes planets and ships by race on Play.Planets.nu map
  4. // @include       http://play.planets.nu/*
  5. // @include 	  http://test.planets.nu/*
  6. // @include 	  http://planets.nu/*
  7. // @version 2.11
  8. // @namespace https://greasyfork.org/users/2860
  9. // ==/UserScript==
  10.  
  11. // 1. Color codes planets and ships by race on Planets.nu map
  12. // 2. v0.5 - now activates or deactivates from Settings screen!
  13. // 3. v0.7 - now activates or deactivates default color for user from Settings screen
  14. // 4. v0.81 - now saves settings for the user to a cookie, when changed from the Settings Screen
  15. // 5. v0.90 - First 11 race colors, unknown planets, and unoccupied planets now configurable from Settings Screen!
  16. // 6. v1.0 - Fully functional! Uses color gradient for all planets. Displays color gradiant on Settings Screen (FF only, will tackle Chrome later)
  17. // 7. v1.1 - Chrome and FF color preview. Gradient colors for standard game races, info, and unknown
  18. // 8. v1.2 - Redraws colors on maps after any setting changes. Different sized circles around planets for Own Ships, Ally, and Enemy. Own ships will always have correct color
  19. // 9. v1.3 - rewrote Settings changes to play nicely with other mods. 
  20. // 10.v1.4 - added in support for users changing colors beyond race 11 (settings page does not refresh, so hit the settings button again to see the changes).
  21. // 11.v1.5,1.51 - added support for new play.planets.nu client
  22. // 12.v1.6 - New note colors that match the mod.
  23. // 13.v1.61 - added support for new planets urls
  24. // 14.v1.7 - Adds planets v3 API support
  25. // 15.v1.81 - Now shows ship names with explosions (formerly a separate script). Fixed colors in the diplomacy screen color picker (if you ever want to use this with the mod).
  26. // 16.v1.9 - Graphics change for cloaked ships on map
  27. // 17.v2.0 - Split from codebase for original planets.nu implementation
  28. // 18.v2.1 - Fixes multiple bugs. Minefields laid in other races name are displayed with the Unknown Owner color (previously would not work with color mod).
  29. // 19.v2.11 - Fixes bug which results in allied ships not appearing properly around planets
  30.  
  31. function wrapper () { // wrapper for injection
  32.        //var colors = ["white", "Green", "Crimson", "HotPink", "Lime", "Magenta", "Yellow", "Purple", "Gray", "Cyan", "Blue", "mediumslateblue", "sienna", "skyblue", "tomato","wheat", "lightcoral", "darkslategray", "teal", "firebrick", "olive", "mediumpurple", "lime", "indigo", "tan", "yellowgreen", "goldenrod", "aliceblue", "olivedrab", "orangered"];
  33.  
  34.        var colorsA =["#F0F8FF","#32CD32","#CD5C5C","#FFC0CB","#98FB98","#C0C0C0","#FFFF00","#EE82EE","#D3D3D3","#B0E0E6","#87CEFA","#7B68EE","#F4A460","#D2B48C","#FF6347","#F5DEB3","#F08080","#2F4F4F","#008080","#B22222","#808000","#9370DB","#00FF00","#4B0082","#D2B48C","#9ACD32", "#DAA520","#F0F8FF","#6B8E23","#FF4500"];
  35.        var colorsA2 =["#FFFFFF","#006400","#FF0000","#FF69B4","#00FA9A","#6A5ACD","#FFD700","#9400D3","#808080","#00CED1","#4169E1","#7B68EE","#A0522D","#87CEEB","#FF6347","#F5DEB3","#F08080","#2F4F4F","#008080","#B22222","#808000","#9370DB","#00FF00","#4B0082","#D2B48C","#9ACD32", "#DAA520","#F0F8FF","#6B8E23","#FF4500"];
  36.  
  37. 	
  38.     var modInfo="#F4A460";//chocolate
  39.     var modInfo2="#D2691E";//chocolate
  40.  
  41.     var modUnknown="#FFF8DC"; //Tan
  42.     var modUnknown2="#D2B48C"; //Tan
  43.     var	modRace=12;	
  44. 	
  45. 		       
  46.  
  47. // Fed - White
  48. // Lizard - Green
  49. // Birds - Crimson
  50. // Fascists - Pink
  51. // Privateers - Lime
  52. // Cyborg - Magenta
  53. // Crystals - Yellow
  54. // Empire - Purple
  55. // Robots - Gray
  56. // Rebels - Aqua	
  57. // Colonies - Blue 
  58.  
  59. var activeColorMod=null;//default true
  60. var defaultMyColor=null;//default true
  61. var useCustomColor=false;//have we checked Cookie
  62. var firstLoad=true;
  63.  
  64.  
  65. var oldShow = geoSimpleColorPicker.prototype.show;
  66.  
  67.  
  68. geoSimpleColorPicker.prototype.show = function (targetId, callback) {
  69.        	if (activeColorMod==false)
  70. 		{
  71. 		oldShow.apply(this,arguments);
  72. 		}
  73. 	else 
  74. 		{
  75.         this.picker = $("<div style='position:absolute;background-color:#000;padding:4px;z-index:999;'></div>").hide().appendTo("body");
  76.         this.target = $("#" + targetId);
  77.        
  78.         this.callback = callback;
  79.         
  80.         //colors table
  81.         var objX = new Array('00', '33', '66', '99', 'CC', 'FF');
  82.         html = '<table bgcolor="#000" border="0" cellpadding="0" cellspacing="0" style="padding:2px;"><tr>';
  83.         var br = 1;
  84.         for (o = 0; o < 6; o++) {
  85.             html += '</tr><tr>';
  86.             for (y = 0; y < 6; y++) {
  87.                 if (y == 3) { html += '</tr><tr>'; }
  88.                 for (x = 0; x < 6; x++) {
  89.                     var grid = objX[o] + objX[y] + objX[x];
  90.                     html += '<td><div title="#' + grid + '" onclick="colorPicker.selectColor(\'' + grid + '\');" style="cursor:pointer;margin: 1px;width:20px;height:20px;background-color:#' + grid + '"></div></td>';
  91.                 }
  92.             }
  93.         }
  94.         html += '</tr></table>';
  95.  
  96.         //greys table
  97.         var objX = new Array('0', '3', '6', '9', 'C', 'F');
  98.         html += '<table bgcolor="#000" border="0" cellpadding="0" cellspacing="0" style="padding:2px;"><tr>';
  99.         var br = 0;
  100.         for (y = 0; y < 6; y++) {
  101.             for (x = 0; x < 6; x++) {
  102.                 if (br == 18) {
  103.                     br = 0;
  104.                     html += '</tr><tr>';
  105.                 }
  106.                 br++;
  107.                 var grid = objX[y] + objX[x] + objX[y] + objX[x] + objX[y] + objX[x];
  108.                 html += '<td><div title="#' + grid + '" onclick="colorPicker.selectColor(\'' + grid + '\');" style="cursor:pointer;margin: 1px;width:20px;height:20px;background-color:#' + grid + '"></div></td>';
  109.             }
  110.         }
  111.         html += "</tr></table>";
  112.         
  113.         html += '<table bgcolor="#000" border="0" cellpadding="0" cellspacing="0" style="padding:2px;"><tr>';
  114.         var br = 0;
  115.         for (y = 0; y < 2; y++) {
  116.             for (x = 0; x < 10; x++) {
  117.                 if (br == 10) {
  118.                     br = 0;
  119.                     html += '</tr><tr>';
  120.                 }
  121.                 br++;
  122.                 var grid;
  123.                 if (y==0)
  124.                 {
  125.                     if (colorsA[x].charAt(0)=='#')
  126.                         grid = colorsA[x].substring(1,colorsA.length);
  127.                     else
  128.                         grid = colorsA[x];
  129.                 }
  130.                 else
  131.                 { 
  132.                     if (colorsA2[x].charAt(0)=='#')
  133.                         grid = colorsA2[x].substring(1,colorsA2.length);
  134.                     else
  135.                         grid = colorsA2[x];
  136.                 }
  137.                 html += '<td><div title="#' + grid + '" onclick="colorPicker.selectColor(\'' + grid + '\');" style="cursor:pointer;margin: 1px;width:20px;height:20px;background-color:#' + grid + '"></div></td>';
  138.             }
  139.         }
  140.         html += '<table bgcolor="#000" border="0" cellpadding="0" cellspacing="0" style="padding:2px;"><tr>';
  141.         html += '<td><div title="clear" onclick="colorPicker.selectColor(\'clear\');" style="cursor:pointer;margin: 1px;width:80px;height:20px;text-align:center;border: solid 1px #fff;color: #fff;">CLEAR</div></td>';        
  142.         html += "</tr></table>";
  143.         this.picker.css("left", this.target.offset().left);
  144.         this.picker.css("top", this.target.offset().top + this.target.height() + 10);
  145.         this.picker.html(html);
  146. 	if (vgaPlanets.prototype.version>=3)
  147. 	$(".cpselect").tclick(function () { colorPicker.selectColor($(this).data("color")); });
  148.         this.picker.show();
  149.     }
  150.     
  151. };
  152.  
  153. // vgap3.js functions
  154.  
  155.  
  156. var oldDraw = vgapMap.prototype.draw;
  157.  
  158. vgapMap.prototype.draw = function (fast, ctx, skipUserContent) {
  159.  
  160. //check Color Mod Settings
  161. checkColorModSettings();
  162. if ((activeColorMod==false)||(vgaPlanets.prototype.version<3))
  163. 	{
  164. 	oldDraw.apply(this,arguments);
  165. 	}
  166. else 
  167. 	{
  168.         if (drawing)
  169.             return;
  170.         
  171.         //remove planet names (and re-add at the end)
  172.         $(".PlanetName").remove();
  173.  
  174.         this.startdrawtime = new Date;
  175.  
  176.         if (!ctx && fast) {
  177.             this.drawFromSecond();
  178.             this.showDrawTime(fast);
  179.             return;
  180.         }
  181.  
  182.         //if (!ctx && fast && this.spritecache().tiles) {
  183.         //    this.drawFromTiles();
  184.         //    this.showDrawTime(fast);
  185.         //    return;
  186.         //}
  187.  
  188.         var drawing = true;
  189.  
  190.         var fullrender = true;
  191.         if (fast)
  192.             fullrender = false;
  193.  
  194.         var sets = vgap.accountsettings;
  195.         
  196.         var drawUserContent = true;
  197.         if (skipUserContent)
  198.             drawUserContent = false;
  199.  
  200.         if (!ctx)
  201.             ctx = this.ctx;
  202.  
  203.         ctx.clearRect(0, 0, vgap.map.canvas.width, vgap.map.canvas.height);
  204. 		
  205.         if (this.activeShip) {
  206.             vgap.shipScreen.predraw();
  207.         }
  208. 		
  209.         //Debris Disk stroke
  210.         if (vgap.map.zoom >= 5 && fullrender) {
  211.             for (var i = 0; i < vgap.debrisdisks.length; i++) {
  212.  
  213.                 var planet = vgap.debrisdisks[i];
  214.                 var rad = planet.debrisdisk * vgap.map.zoom;
  215.  
  216.                 var visible = this.isVisible(planet.x, planet.y, planet.debrisdisk);
  217.  
  218.                 //if on this canvas
  219.                 if (visible) {
  220.  
  221.                     //draw rings
  222.                     var screenX = this.screenX(planet.x);
  223.                     var screenY = this.screenY(planet.y);
  224.  
  225.                     var color = "#ffffff";
  226.                     ctx.strokeStyle = colorToRGBA(color, 0.1);
  227.                     ctx.lineWidth = 2;
  228.  
  229.                     ctx.beginPath();
  230.                     ctx.arc(screenX, screenY, rad, 0, Math.PI * 2, false);
  231.                     ctx.closePath();
  232.                     ctx.stroke();
  233.                 }
  234.             }
  235.             for (var i = 0; i < vgap.debrisdisks.length; i++) {
  236.                 var planet = vgap.debrisdisks[i];
  237.                 var rad = planet.debrisdisk * vgap.map.zoom - 2;
  238.  
  239.                 var visible = this.isVisible(planet.x, planet.y, planet.debrisdisk);
  240.  
  241.                 //if on this canvas
  242.                 if (visible) {
  243.  
  244.                     //draw centers
  245.                     var screenX = this.screenX(planet.x);
  246.                     var screenY = this.screenY(planet.y);
  247.  
  248.                     //blank centers (for overlapping circles)
  249.                     ctx.fillStyle = "#111111";
  250.                     ctx.beginPath();
  251.                     ctx.arc(screenX, screenY, rad, 0, Math.PI * 2, false);
  252.                     ctx.closePath();
  253.                     ctx.fill();
  254.                 }
  255.             }
  256.         }
  257.  
  258. 	//draw full detail grid
  259.         if (vgap.map.zoom >= 40 && fullrender) {
  260.  
  261.             ctx.strokeStyle = "#222";
  262.             ctx.lineWidth = 1;
  263.  
  264.             var gridsize = vgap.map.canvas.width / vgap.map.canvas.mapwidth;
  265.             var srad = gridsize / 2;
  266.             var x = Math.floor(vgap.map.canvas.x);
  267.             
  268.             for (var i = 0; i <= (vgap.map.canvas.mapwidth + 1) ; i++) {
  269.                 var y = Math.floor(vgap.map.canvas.y);
  270.                 for (var j = 0; j <= (vgap.map.canvas.mapheight + 1) ; j++) {
  271.                     var screenX = this.screenX(x);
  272.                     var screenY = this.screenY(y);
  273.                     ctx.strokeRect(screenX - srad, screenY - srad, srad * 2, srad * 2);
  274.                     ctx.strokeRect(screenX - 1, screenY - 1, 2, 2);
  275.                     y++;
  276.                 }
  277.                 x++;
  278.             }
  279.         }
  280.  
  281.         //nebulas
  282.         if (vgap.nebulas && fullrender) {
  283.  
  284.             for (var i = 0; i < vgap.nebulas.length; i++) {
  285.                 var neb = vgap.nebulas[i];
  286.  
  287.                 //var rad = neb.radius * vgap.map.zoom;
  288.                 var visible = this.isVisible(neb.x, neb.y, neb.radius);
  289.  
  290.                 //if on this canvas
  291.                 if (visible) {
  292.                     var screenX = this.screenX(neb.x);
  293.                     var screenY = this.screenY(neb.y);
  294.                     this.drawNebula(screenX, screenY, neb, ctx);
  295.                 }
  296.             }
  297.         }
  298.  
  299.         //stars
  300.         if (vgap.stars && fullrender) {
  301.             for (var i = 0; i < vgap.stars.length; i++) {
  302.  
  303.                 var star = vgap.stars[i];
  304.  
  305.                 //var rad = Math.sqrt(star.mass) * vgap.map.zoom;
  306.                 var visible = this.isVisible(star.x, star.y, Math.sqrt(star.mass));
  307.  
  308.                 if (visible) {
  309.                     var screenX = this.screenX(star.x);
  310.                     var screenY = this.screenY(star.y);
  311. 					this.drawStar(screenX, screenY, star, ctx);
  312.                 }
  313.             }
  314.         }
  315.  
  316.         //minefields
  317.         if (fullrender) {
  318.             for (var i = 0; i < vgap.minefields.length; i++) {
  319.                 var minefield = vgap.minefields[i];
  320.                 var rad = minefield.radius * vgap.map.zoom;
  321.                 var visible = this.isVisible(minefield.x, minefield.y, minefield.radius);
  322.  
  323.                 //if on this canvas
  324.                 if (visible) {
  325.  
  326.                     var screenX = this.screenX(minefield.x);
  327.                     var screenY = this.screenY(minefield.y);
  328. 					this.drawMinefield(screenX, screenY, minefield.color, rad, ctx, minefield.isweb);
  329.                 }
  330.             }
  331.         }
  332.  
  333.         //ions
  334.         if (fullrender) {
  335.             for (var i = 0; i < vgap.ionstorms.length; i++) {
  336.                 var storm = vgap.ionstorms[i];
  337.  
  338.                 var rad = storm.radius * vgap.map.zoom;
  339.                 var visible = this.isVisible(storm.x, storm.y, storm.radius);
  340.  
  341.                 //if on this canvas
  342.                 if (visible) {
  343.                     var screenX = this.screenX(storm.x);
  344.                     var screenY = this.screenY(storm.y);
  345.                     this.drawIon(screenX, screenY, storm.voltage, rad, ctx, storm);
  346.                 }
  347.             }
  348.         }
  349.  
  350.         //planets
  351.         for (var i = 0; i < vgap.planets.length; i++) {
  352.  
  353.             var planet = vgap.planets[i];
  354.  
  355.             var skip = false;
  356.  
  357.             if (!skip) {
  358. 					var rad = this.planetRad(planet);
  359. 					var visible = this.isVisible(planet.x, planet.y, rad + 8);
  360.  
  361. 					//if on this canvas
  362. 					if (visible) {
  363.  
  364. 					var screenX = this.screenX(planet.x);
  365. 					var screenY = this.screenY(planet.y);
  366.  
  367. 					//draw warp well
  368. 					if (vgap.map.zoom >= 10 && planet.debrisdisk == 0 && fullrender) {
  369.  
  370. 						ctx.fillStyle = "#000000";
  371. 						ctx.strokeStyle = "#555555";
  372. 						ctx.lineWidth = 1;
  373. 						for (var x = (planet.x - 3) ; x <= planet.x + 3; x++) {
  374. 							for (var y = (planet.y - 3) ; y <= planet.y + 3; y++) {
  375. 								if (Math.dist(x, y, planet.x, planet.y) <= 3) {
  376. 									var mX = this.screenX(x);
  377. 									var mY = this.screenY(y);
  378. 									var srad = vgap.map.zoom / 2;
  379. 									ctx.fillRect(mX - srad, mY - srad, srad * 2, srad * 2);
  380. 									ctx.strokeRect(mX - srad, mY - srad, srad * 2, srad * 2);
  381. 								}
  382. 							}
  383. 						}
  384. 					}
  385.  
  386. 					//var img = this.renderPlanet(planet);
  387. 					//ctx.drawImage(img, screenX - rad - 1, screenY - rad - 1);
  388.  
  389. 					this.drawPlanet(planet, ctx, fullrender);                
  390. 				}
  391. 			}
  392. 		}
  393.         //Debris Disk Fill  
  394.         if (fullrender) {
  395.             for (var i = 0; i < vgap.debrisdisks.length; i++) {
  396.                 var planet = vgap.debrisdisks[i];
  397.                 var rad = planet.debrisdisk * vgap.map.zoom;
  398.  
  399.                 var visible = this.isVisible(planet.x, planet.y, rad);
  400.  
  401.                 //if on this canvas
  402.                 if (visible) {
  403.  
  404.                     //draw centers                
  405.                     var screenX = this.screenX(planet.x);
  406.                     var screenY = this.screenY(planet.y);
  407.                     this.drawDebris(screenX, screenY, rad, ctx);
  408.                 }
  409.             }
  410.         }
  411. 		if (fullrender) {
  412. 			if (this.zoom > 40) {
  413.  
  414. 				//ships in space only
  415. 				for (var i = 0; i < vgap.ships.length; i++) {
  416. 					var ship = vgap.ships[i];
  417. 					var rad = this.shipRad(ship);
  418. 					var visible = this.isVisible(ship.x, ship.y, rad);
  419.  
  420. 					if (visible)
  421. 						this.drawShip(ship, ctx);
  422.  
  423. 				}
  424. 			}
  425. 			else {
  426. 				//ships in space only
  427. 				for (var i = 0; i < vgap.inspace.length; i++) {
  428. 					var ship = vgap.inspace[i];
  429. 					var rad = this.shipRad(ship);
  430. 					var visible = this.isVisible(ship.x, ship.y, rad);
  431.  
  432. 					if (visible) 
  433. 						this.drawShip(ship, ctx);
  434. 					
  435. 				}
  436. 			}
  437. 		}
  438.         //Explosions
  439.         if (fullrender) {
  440.             for (var i = 0; i < vgap.explosions.length; i++) {
  441.                 var message = vgap.explosions[i];
  442. 				
  443.                 var screenX = this.screenX(message.x);
  444.                 var screenY = this.screenY(message.y);
  445.                 var rad = 4;
  446.                 if (message.fatal)
  447.                     rad = 6;
  448.  
  449.                 // Stroked X
  450.                 ctx.beginPath();
  451.                 ctx.moveTo(screenX - rad, screenY - rad);
  452.                 ctx.lineTo(screenX + rad, screenY + rad);
  453.                 ctx.moveTo(screenX + rad, screenY - rad);
  454.                 ctx.lineTo(screenX - rad, screenY + rad);
  455.                 ctx.closePath();
  456.  
  457.                 ctx.strokeStyle = message.color;
  458.                 ctx.lineWidth = 2;
  459.                 ctx.stroke();
  460. 			
  461.                 if (message.messagetype == 10)
  462. 					ctx.fillText( message.body.substr(message.body.indexOf("the name of the ship was:")+"the name of the ship was:".length),screenX+20,screenY+14);
  463.             }
  464.         }
  465. 		
  466. 		//event callout for user scripts
  467.         if (fullrender)
  468. 				vgap.callPlugins("draw");
  469.  
  470.         //user content
  471.         if (drawUserContent && fullrender)
  472.             this.drawUserChangeable(ctx);
  473.  
  474.  
  475.         //if (fast) {
  476.         //    if (vgap.map.drawtimer)
  477.         //        clearTimeout(vgap.map.drawtimer);
  478.         //    vgap.map.drawtimer = setTimeout(function () { vgap.map.draw(); }, 200);
  479.         //}
  480.  
  481.         //copy to second canvas for slow panning
  482.         vgap.map.ctx2.clearRect(0, 0, vgap.map.canvas.width, vgap.map.canvas.height);
  483.         vgap.map.ctx2.drawImage(vgap.map.canvas, 0, 0);
  484.         vgap.map.canvas2.x = vgap.map.canvas.x;
  485.         vgap.map.canvas2.y = vgap.map.canvas.y;
  486.  
  487.         drawing = false;
  488.         this.showDrawTime();
  489.     }
  490. };
  491.  
  492. var oldSetMineColors = vgaPlanets.prototype.setMineColors;
  493.  
  494. vgaPlanets.prototype.setMineColors =  function (minefield) {
  495. checkColorModSettings();
  496. var sets = vgap.accountsettings;
  497. if ((activeColorMod==false)||(vgaPlanets.prototype.version<3))
  498. 	{
  499. 	oldSetMineColors.apply(this,arguments);
  500. 	}
  501.  
  502. 	else if (vgaPlanets.prototype.version>=3)
  503. 	{
  504. 	if ((defaultMyColor==true)&&(minefield.ownerid == vgap.player.id))
  505.         	minefield.color = sets.mymines;
  506.  	else //use new colors
  507. 		if (minefield.ownerid>0)
  508. 			minefield.color=colorsA2[minefield.ownerid-1];  
  509. 		else minefield.color=modUnknown2;
  510. 	}
  511.  
  512. };
  513.  
  514. var oldDrawPlanet = vgapMap.prototype.drawPlanet;
  515.  
  516. vgapMap.prototype.drawPlanet = function(planet, ctx,fullrender) 
  517. {
  518. if ((activeColorMod==false)||(vgaPlanets.prototype.version<3))
  519. 	{
  520. 	oldDrawPlanet.apply(this,arguments);
  521. 	}
  522. else if (vgaPlanets.prototype.version>=3)
  523. 	{
  524. 	    var x = this.screenX(planet.x);
  525.         var y = this.screenY(planet.y);
  526.         var rad = this.planetRad(planet);
  527.  
  528.         var from = planet.colorfrom;
  529.         var to = planet.colorto;
  530.  
  531.         if (vgap.godmode) {
  532.             if (planet.flag == 1) {
  533.                 from = "#ffffff";
  534.                 to = "#0000ff";
  535.             } else if (planet.flag == 2) {
  536.                 from = "#ffffff";
  537.                 to = "#00ff00";
  538.             }
  539.         }
  540.  
  541.         var grad = ctx.createLinearGradient(x - rad, y - rad, x + rad, y + rad);
  542.         grad.addColorStop(0, from);
  543.         grad.addColorStop(1, to);
  544.         ctx.fillStyle = grad;
  545.  
  546.         if (((this.zoom > 20 && planet.debrisdisk == 0) || (this.zoom > 100 && planet.debrisdisk > 0)) && vgap.animations && fullrender) {
  547.  
  548.             if (planet.scale)
  549.                 rad *= planet.scale;
  550.  
  551.             //draw the image of the planet
  552.             if (!planet.imgObj) {
  553.                 planet.imgObj = new Image();
  554.                 planet.imgObj.onload = function () { vgap.map.draw(); };
  555.                 planet.imgObj.src = planet.img;
  556.                 if (planet.debrisdisk > 0) {
  557.                     planet.rotation = Math.random() * Math.PI;
  558.                     planet.scale = Math.random() * 0.5 + 0.5;
  559.                 }
  560.             }
  561.             else {
  562.                 if (planet.rotation > 0) {
  563.                     //draw rotated version
  564.                     ctx.save();
  565.                     ctx.translate(x, y);
  566.                     ctx.rotate(planet.rotation);
  567.                     ctx.drawImage(planet.imgObj, -rad, -rad, rad * 2, rad * 2);
  568.                     ctx.restore();
  569.                 }
  570.                 else
  571.                     ctx.drawImage(planet.imgObj, x - rad, y - rad, rad * 2, rad * 2);
  572.  
  573.             }
  574.  
  575.             if (planet.isbase) {
  576.                 var sb = vgap.getStarbase(planet.id);
  577.                 ctx.drawImage(vgap.sbimg[sb.starbasetype], x+(rad/3), y-rad, rad/1.5, rad/1.5);
  578.             }
  579.         }
  580.         else {
  581.             if (planet.isbase) {
  582.                 ctx.fillRect(x-rad, y-rad, rad * 2, rad * 2);
  583.             }
  584.             else {
  585.                 ctx.beginPath();
  586.                 ctx.arc(x, y, rad, 0, Math.PI * 2, false);
  587.                 ctx.closePath();
  588.                 ctx.fill();
  589.             }
  590.         }
  591.     
  592.         //stroke the planet appropriately
  593.         if (this.zoom < 40 && fullrender) {
  594.             var sets = vgap.accountsettings;
  595.  
  596. 		var color;
  597. 		var shipsAt = vgap.shipsAt(planet.x, planet.y);
  598. 		for (var j = 0; j < shipsAt.length; j++)
  599. 		{
  600.             var number=shipsAt[j].ownerid;
  601.             color=colorsA2[number-1];
  602. 			if (shipsAt[j].ownerid == vgap.player.id)
  603.                 planet.myShip = true;
  604.             else 
  605. 			{
  606.                 var relation = vgap.getRelation(shipsAt[j].ownerid)
  607.                 if (relation != null && relation.color && relation.color != "")
  608.                     planet.colorShip = relation.color;
  609.                 else if (vgap.allied(shipsAt[j].ownerid))
  610.                     planet.allyShip = true;
  611.                 else
  612.                     planet.enemyShip = true;
  613.             }
  614.         }
  615.  
  616. 		if (planet.myShip) {
  617. 			if (defaultMyColor==true)
  618. 				ctx.strokeStyle = sets.myshipfrom;
  619. 			else
  620. 				ctx.strokeStyle =colorsA2[vgap.player.id-1];
  621. 			ctx.lineWidth = 1;
  622. 			ctx.beginPath();
  623. 			ctx.arc(x, y, rad + 2, 0, Math.PI * 2, false);
  624. 			ctx.closePath();
  625. 			ctx.stroke();
  626. 		}
  627.         if (planet.enemyShip) {
  628.             ctx.strokeStyle = color;
  629.             ctx.lineWidth = 1;
  630.             ctx.beginPath();
  631.             ctx.arc(x, y, rad + 6, 0, Math.PI * 2, false);
  632.             ctx.closePath();
  633.             ctx.stroke();
  634.         }
  635.             if (planet.colorShip||planet.allyShip) {
  636.                 ctx.strokeStyle =color;
  637.                 ctx.lineWidth = 1;
  638.                 ctx.beginPath();
  639.                 ctx.arc(x, y, rad + 4, 0, Math.PI * 2, false);
  640.                 ctx.closePath();
  641.                 ctx.stroke();
  642.             }
  643.         }
  644.         if (planet.note && planet.note.body.length > 0 && fullrender) {
  645.             ctx.strokeStyle = "#FFFF00";
  646.             ctx.lineWidth = 1;
  647.             ctx.strokeRect(x - rad - 1, y - rad - 1, (rad + 1) * 2, (rad + 1) * 2);
  648.         }        
  649. 	}
  650. };
  651.  
  652. var oldDrawMinefield = vgapMap.prototype.drawMinefield;
  653.  
  654. vgapMap.prototype.drawMinefield = function (x, y, color, rad, ctx,isweb) 
  655. {
  656. if ((activeColorMod==false)||(vgaPlanets.prototype.version<3))
  657. 	{
  658. 	oldDrawMinefield.apply(this,arguments);
  659. 	}
  660. else if (vgaPlanets.prototype.version>=3)
  661. 	{	        
  662. 	var grad = ctx.createRadialGradient(x, y, 0, x, y, rad);
  663. 	if (isweb==false)
  664. 		{
  665. 		grad.addColorStop(0, colorToRGBA(color, 0.4));
  666. 		grad.addColorStop(1, colorToRGBA(color, 0.2));
  667. 		}
  668. 	else
  669. 		{
  670.         	grad.addColorStop(0.9, colorToRGBA(color, 0.15));
  671.         	grad.addColorStop(1, colorToRGBA(color, 0.3));
  672.         	}
  673. 		ctx.fillStyle = grad;
  674.  
  675.         ctx.strokeStyle = colorToRGBA(color, 0.2);
  676.         ctx.lineWidth = 2;
  677.         ctx.beginPath();
  678.         ctx.arc(x, y, rad, 0, Math.PI * 2, false);
  679.         ctx.closePath();
  680.         ctx.fill();
  681.         ctx.stroke();
  682. 		
  683. 		//centerpoint
  684.         ctx.beginPath();
  685.         ctx.arc(x, y, 1, 0, Math.PI * 2, false);
  686.         ctx.closePath();
  687.         ctx.fill();
  688. 		
  689. 	}
  690. };
  691.  
  692. var oldSetShipColors = vgaPlanets.prototype.setShipColors;
  693.  
  694. vgaPlanets.prototype.setShipColors =  function (ship) 
  695. {
  696. var sets = vgap.accountsettings;
  697. if ((activeColorMod==false)||(vgaPlanets.prototype.version<3))
  698. 	{
  699. 	oldSetShipColors.apply(this,arguments);
  700. 	}
  701. else if (vgaPlanets.prototype.version>=3)
  702. 	{
  703.        		if ((defaultMyColor==true)&&(ship.ownerid == vgap.player.id)) 
  704. 		{
  705.             		ship.colorfrom = sets.myshipfrom;
  706.             		ship.colorto = sets.myshipto;
  707. 	    		return;
  708.         	}
  709. 		if ((ship.ownerid>0)&&(ship.ownerid<30))
  710. 		{	
  711.         		ship.colorfrom = colorsA[ship.ownerid-1];
  712.         		ship.colorto = colorsA2[ship.ownerid-1];
  713. 			return;
  714. 		}
  715. 		//weird, but seems it can happen
  716. 		ship.colorfrom = modUnknown;
  717.         	ship.colorto = modUnknown2;
  718. 		}
  719. };
  720.  
  721. var oldSetPlanetColors = vgaPlanets.prototype.setPlanetColors;
  722.  
  723. vgaPlanets.prototype.setPlanetColors = function (planet) {
  724.         
  725. var sets = vgap.accountsettings;
  726. if ((activeColorMod==false)||(vgaPlanets.prototype.version<3))
  727. 	{
  728. 	oldSetPlanetColors.apply(this,arguments);
  729. 	}
  730.  
  731. else if (vgaPlanets.prototype.version>=3)
  732. 	{
  733.         //determine rings required
  734.         var shipsAt = vgap.shipsAt(planet.x, planet.y);
  735.         for (var j = 0; j < shipsAt.length; j++) {
  736.             if (shipsAt[j].ownerid == vgap.player.id)
  737.                 planet.myShip = true;
  738.             else {
  739.                 var relation = vgap.getRelation(shipsAt[j].ownerid)
  740.                 if (relation != null && relation.color && relation.color != "")
  741.                     planet.colorShip = relation.color;
  742.                 else if (vgap.allied(shipsAt[j].ownerid))
  743.                     planet.allyShip = true;
  744.                 else
  745.                     planet.enemyShip = true;
  746.             }
  747.         }
  748.  
  749.         var sets = vgap.accountsettings;
  750. 		
  751. 		if (planet.note && planet.note.color != "") {
  752.             planet.colorfrom = "#" + shadeColor(planet.note.color, 100);
  753.             planet.colorto = "#" + shadeColor(planet.note.color, -100);
  754.             return;
  755.         }
  756.  
  757. 		
  758.         if ((defaultMyColor==true)&&(planet.ownerid == vgap.player.id)) 
  759. 		{
  760.             planet.colorfrom = sets.myplanetfrom;
  761.             planet.colorto = sets.myplanetto;
  762.             return;
  763.         }
  764.  
  765.         
  766. 	if(planet.ownerid==0&&planet.infoturn>0)
  767. 	{
  768. 		planet.colorfrom=modInfo;
  769. 		planet.colorto=modInfo2;
  770. 		return
  771. 	}
  772. 	if(planet.ownerid==0)
  773. 	{
  774. 		planet.colorfrom=modUnknown;
  775. 		planet.colorto=modUnknown2;
  776. 		return
  777. 	}
  778.  
  779. 	planet.colorfrom=colorsA[planet.ownerid-1];
  780. 	planet.colorto=colorsA2[planet.ownerid-1]
  781.     }
  782. };
  783.  
  784.  
  785.  
  786. var oldLoadWaypoints = vgaPlanets.prototype.loadWaypoints;
  787.  
  788. vgaPlanets.prototype.loadWaypoints = function () {
  789.     	if ((activeColorMod==false))
  790. 		{
  791. 		oldLoadWaypoints.apply(this,arguments);
  792. 		}
  793. 	else if (vgaPlanets.prototype.version>=3)
  794. 		{
  795.  
  796.         var sets = vgap.accountsettings;
  797.  
  798.         this.waypoints = new Array();
  799.         for (var i = 0; i < vgap.ships.length; i++) {
  800.             //waypoint
  801.             var ship = vgap.ships[i];
  802.             if (ship.ownerid != vgap.player.id) {
  803.                 if (ship.heading != -1 && ship.warp != 0) {
  804.  
  805.                     var relation = vgap.getRelation(ship.ownerid);
  806.                     var color = colorsA2[ship.ownerid-1];
  807.  
  808.                     var speed = vgap.getSpeed(ship.warp, ship.hullid);
  809.  
  810.                     var x2 = ship.x + Math.round(Math.sin(Math.toRad(ship.heading)) * speed);
  811.                     var y2 = ship.y + Math.round(Math.cos(Math.toRad(ship.heading)) * speed);
  812.                     ship.targetx = x2;
  813.                     ship.targety = y2;
  814.  
  815.                     this.waypoints.push({ id: ship.id, x1: ship.x, y1: ship.y, x2: x2, y2: y2, color: color });
  816.  
  817.                     //this.waypoints.push(this.paper.path("M" + this.screenX(ship.x) + " " + this.screenY(ship.y) + "L" + this.screenX(x2) + " " + this.screenY(y2)).attr({ stroke: color, "stroke-width": "2", "stroke-opacity": 0.5 }));
  818.                 }
  819.             }
  820.             else {
  821.  
  822.                 if (vgap.isChunnelling(ship)) {
  823. 				
  824. 				    var x = ship.x;
  825.                     var y = ship.y;
  826. 					
  827.                     //we are initiating a chunnel at warp speed inside a matrix
  828.                     if (ship.warp > 0 && (ship.targetx != ship.x || ship.targety != ship.y)) {
  829.  
  830.  
  831.                         var dasharray = null;
  832.                         var color = sets.myshipto;
  833.  
  834.                         var next = vgap.getNextLoc(ship);
  835.  
  836.                         var waypoint = { id: ship.id, x1: x, y1: y, x2: next.x, y2: next.y, color: color, dasharray: dasharray };
  837.                         this.waypoints.push(waypoint);
  838.                         ship.lastwaypoint = waypoint;
  839.  
  840.                         x = next.x;
  841.                         y = next.y;
  842.                     }
  843. 					
  844.                     var targetId = parseInt(ship.friendlycode, 10);
  845.                     var target = vgap.getShip(targetId);
  846.                     var dasharray = [9, 4];
  847.                     var color = "#00FFFF";
  848.                     var linewidth = 2;
  849.                     if (ship.hullid != 56) {
  850.                         dasharray = [5, 2];
  851.                         color = "#009999";
  852.                     }
  853.                     if (vgap.multiChunnel(ship.x, ship.y, target.x, target.y)) {
  854.                         linewidth = 6;
  855.                         dasharray = [6,6];
  856.                     }
  857.  
  858.                     this.waypoints.push({ id: ship.id, x1: x, y1: y, x2: target.x, y2: target.y, color: color, dasharray: dasharray, linewidth: linewidth });
  859.                 }
  860.                 else {
  861.  
  862.                     var dasharray = null;
  863. 			        var color;
  864. 					if (defaultMyColor==true)
  865. 						color = sets.myshipto;
  866. 					else 
  867. 						color = colorsA2[ship.ownerid-1]; 
  868.                     var path = vgap.getPath(ship);
  869. 					
  870.                     if (vgap.isHyping(ship)) {
  871.                         color = "#F5F5DC";
  872.                         dasharray = [2, 2];
  873.  
  874.                         if (path.length > 0) {
  875.                             var first = path[0];
  876.                             var dist = Math.dist(first.x1, first.y1, first.x2, first.y2);
  877.                             if (dist < 340 || dist > 360 ) {
  878.                                 //now we just fly exactly 350
  879.                                 color = "#FF0000";
  880.                                 ship.heading = vgap.getHeading(first.x1, first.y1, first.x2, first.y2);
  881.                                 first.x2 = ship.x + Math.round(Math.sin(Math.toRad(ship.heading)) * 350);
  882.                                 first.y2 = ship.y + Math.round(Math.cos(Math.toRad(ship.heading)) * 350);
  883.                             }
  884.                         }
  885.                     }
  886. 					
  887.                     //use tower path
  888.                     var tower = vgap.isTowTarget(ship.id);
  889.                     if (tower != null) 
  890.                         path = vgap.getPath(tower);                    
  891.                                        
  892.                     for (var j = 0; j < path.length; j++) {
  893.  
  894.                         var waypoint = { id: ship.id, x1: path[j].x1, y1: path[j].y1, x2: path[j].x2, y2: path[j].y2, color: color, dasharray: dasharray };
  895.                         this.waypoints.push(waypoint);
  896.                         //                        this.waypoints.push(this.paper.path("M" + this.screenX(path[j].x1) + " " + this.screenY(path[j].y1) + "L" + this.screenX(path[j].x2) + " " + this.screenY(path[j].y2)).attr(params));
  897.                         ship.lastwaypoint = waypoint;
  898.                     }
  899.                 }
  900.             }
  901.         }
  902.         for (var i = 0; i < vgap.ionstorms.length; i++) {
  903.             var storm = vgap.ionstorms[i];
  904.             if (storm.parentid == 0) {
  905.  
  906.                 var x = storm.x;
  907.                 var y = storm.y;
  908.                 if (storm.centroid) {
  909.                     x = storm.centroid.x;
  910.                     y = storm.centroid.y;
  911.                 }
  912.  
  913.                 var x2 = x + Math.round(Math.sin(Math.toRad(storm.heading)) * storm.warp * storm.warp);
  914.                 var y2 = y + Math.round(Math.cos(Math.toRad(storm.heading)) * storm.warp * storm.warp);
  915.  
  916.                 //add 1000 to id to make sure it doesnt' match up with ship ids
  917.                 this.waypoints.push({ id: 1000 + storm.id, x1: x, y1: y, x2: x2, y2: y2, color: colorToRGBA("#FFFF00", 0.1) });
  918.             }
  919. 		}
  920. 	}//mod is true
  921. };
  922.  
  923. var oldShowSettings = vgapDashboard.prototype.showSettings;
  924.  
  925. vgapDashboard.prototype.showSettings = function () {
  926.  
  927.  
  928. var new_html="";
  929. 	new_html += "<br><h3>Custom Settings for Color Mod</h3>";
  930. 	new_html += "<div style='width:250px;'></div>";
  931. 	new_html += "<div id='Test'><table>";
  932. 	new_html += "<tr><td><div id='LaunchSim' onclick='vgapDashboard.prototype.resetColorModColors();' title='Default is: Active.'>Reset all custom color settings </div></td>";
  933.         new_html += "<td><div id='LaunchSim' onclick='vgapDashboard.prototype.changeDefaultMyColor();' title='Default is: Active.'>Use default colors for My Race Only</div></td>";
  934.         new_html += "<td><div id='LaunchSim' onclick='vgapDashboard.prototype.changeColorMod();' title='Default is: Active.'>Activate or Deactivate Color Mod</div></td></tr></table>";
  935. 	
  936. 	new_html += "<div id='AccountSettings2'><table>";
  937.   	new_html += "<tr><th>Color Settings</th></tr>";
  938.  
  939.         //html += this.renderSetColorMod("Race 1", "test");
  940. 	new_html += "<tr><td>" + "Race 1" + "</td><td><input type='text' id='Race1' onchange='SaveRace();' value='" + colorsA[0] + "'/></td><td><input type='text' id='Race1A' onchange='SaveRace();' value='" + colorsA2[0] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[0] + "), color-stop(1, " + colorsA2[0] + ")); background: -moz-linear-gradient(top left," + colorsA[0] + " 0%, " + colorsA2[0] + " 100%)' type='text' id='IgnoreRace1' value='     '/></td></tr>";
  941. 	new_html  += "<tr><td>" + "Race 2" + "</td><td><input type='text' id='Race2' onchange='SaveRace();' value='" + colorsA[1] + "'/></td><td><input type='text' id='Race2A' onchange='SaveRace();' value='" + colorsA2[1] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[1] + "), color-stop(1, " + colorsA2[1] + ")); background: -moz-linear-gradient(top left," + colorsA[1] + " 0%, " + colorsA2[1] + " 100%)' type='text' id='IgnoreRace1' value='     '/></td></tr>";
  942. 	new_html += "<tr><td>" + "Race 3" + "</td><td><input type='text' id='Race3' onchange='SaveRace();' value='" + colorsA[2] + "'/></td><td><input type='text' id='Race3A' onchange='SaveRace();' value='" + colorsA2[2] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[2] + "), color-stop(1, " + colorsA2[2] + ")); background: -moz-linear-gradient(top left," + colorsA[2] + " 0%, " + colorsA2[2] + " 100%)' type='text' id='IgnoreRace3' value='     '/></td></tr>";
  943. 	new_html += "<tr><td>" + "Race 4" + "</td><td><input type='text' id='Race4' onchange='SaveRace();' value='" + colorsA[3] + "'/></td><td><input type='text' id='Race4A' onchange='SaveRace();' value='" + colorsA2[3] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[3] + "), color-stop(1, " + colorsA2[3] + ")); background: -moz-linear-gradient(top left," + colorsA[3] + " 0%, " + colorsA2[3] + " 100%)' type='text' id='IgnoreRace4 value='     '/></td></tr>";
  944. 	new_html += "<tr><td>" + "Race 5" + "</td><td><input type='text' id='Race5' onchange='SaveRace();' value='" + colorsA[4] + "'/></td><td><input type='text' id='Race5A' onchange='SaveRace();' value='" + colorsA2[4] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[4] + "), color-stop(1, " + colorsA2[4] + ")); background: -moz-linear-gradient(top left," + colorsA[4] + " 0%, " + colorsA2[4] + " 100%)' type='text' id='IgnoreRace5' value='     '/></td></tr>";
  945. 	new_html += "<tr><td>" + "Race 6" + "</td><td><input type='text' id='Race6' onchange='SaveRace();' value='" + colorsA[5] + "'/></td><td><input type='text' id='Race6A' onchange='SaveRace();' value='" + colorsA2[5] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[5] + "), color-stop(1, " + colorsA2[5] + ")); background: -moz-linear-gradient(top left," + colorsA[5] + " 0%, " + colorsA2[5] + " 100%)' type='text' id='IgnoreRace6 value='     '/></td></tr>";
  946. 	new_html += "<tr><td>" + "Race 7" + "</td><td><input type='text' id='Race7' onchange='SaveRace();' value='" + colorsA[6] + "'/></td><td><input type='text' id='Race7A' onchange='SaveRace();' value='" + colorsA2[6] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[6] + "), color-stop(1, " + colorsA2[6] + ")); background: -moz-linear-gradient(top left," + colorsA[6] + " 0%, " + colorsA2[6] + " 100%)' type='text' id='IgnoreRace7' value='     '/></td></tr>";
  947. 	new_html += "<tr><td>" + "Race 8" + "</td><td><input type='text' id='Race8' onchange='SaveRace();' value='" + colorsA[7] + "'/></td><td><input type='text' id='Race8A' onchange='SaveRace();' value='" + colorsA2[7] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[7] + "), color-stop(1, " + colorsA2[7] + ")); background: -moz-linear-gradient(top left," + colorsA[7] + " 0%, " + colorsA2[7] + " 100%)' type='text' id='IgnoreRace8 value='     '/></td></tr>";
  948. 	new_html += "<tr><td>" + "Race 9" + "</td><td><input type='text' id='Race9' onchange='SaveRace();' value='" + colorsA[8] + "'/></td><td><input type='text' id='Race9A' onchange='SaveRace();' value='" + colorsA2[8] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[8] + "), color-stop(1, " + colorsA2[8] + ")); background: -moz-linear-gradient(top left," + colorsA[8] + " 0%, " + colorsA2[8] + " 100%)' type='text' id='IgnoreRace9' value='     '/></td></tr>";
  949. 	new_html += "<tr><td>" + "Race 10" + "</td><td><input type='text' id='Race10' onchange='SaveRace();' value='" + colorsA[9] + "'/></td><td><input type='text' id='Race10A' onchange='SaveRace();' value='" + colorsA2[9] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[9] + "), color-stop(1, " + colorsA2[9] + ")); background: -moz-linear-gradient(top left, " + colorsA[9] + " 0%, " + colorsA2[9] + " 100%)' type='text' id='IgnoreRace10 value='     '/></td></tr>";
  950. 	new_html += "<tr><td>" + "Race 11" + "</td><td><input type='text' id='Race11' onchange='SaveRace();' value='" + colorsA[10] + "'/></td><td><input type='text' id='Race11A' onchange='SaveRace();' value='" + colorsA2[10] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[10] + "), color-stop(1, " + colorsA2[10] + ")); background: -moz-linear-gradient(top left, " + colorsA[10] + " 0%, " + colorsA2[10] + " 100%)' type='text' id='IgnoreRace11' value='     '/></td></tr>";
  951. 	new_html += "<tr><td>" + "Unoccupied" + "</td><td><input type='text' id='ModInfo' onchange='SaveRace();' value='" + modInfo + "'/></td><td><input type='text' id='ModInfo2' onchange='SaveRace();' value='" + modInfo2 + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + modInfo + "), color-stop(1, " + modInfo2 + ")); background: -moz-linear-gradient(top left, " + modInfo + " 0%, " + modInfo2 + " 100%)' type='text' id='IgnoreInfo value='     '/></td></tr>";
  952. 	new_html += "<tr><td>" + "Unknown" + "</td><td><input type='text' id='ModUnknown' onchange='SaveRace();' value='" + modUnknown + "'/></td><td><input type='text' id='ModUnknown2' onchange='SaveRace();' value='" + modUnknown2 + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + modUnknown + "), color-stop(1, " + modUnknown2 + ")); background: -moz-linear-gradient(top left, " + modUnknown + " 0%, " + modUnknown2 + " 100%)' type='text' id='IgnoreUnknown value='     '/></td></tr>";
  953. 	new_html += "<tr><td><input type='text' id='ModRace' onchange='SaveRaceNum();' value='" + modRace + "'/></td><td><input type='text' id='ModRace2' onchange='SaveRace();' value='" + colorsA[modRace-1] + "'/></td><td><input type='text' id='ModRace3' onchange='SaveRace();' value='" + colorsA2[modRace-1] + "'/></td><td><input style='background: -webkit-gradient(linear,left top, right bottom, color-stop(0, " + colorsA[modRace-1] + "), color-stop(1, " + colorsA2[modRace-1] + ")); background: -moz-linear-gradient(top left, " + colorsA[modRace-1] + " 0%, " + colorsA2[modRace-1] + " 100%)' type='text' id='IgnoreRaceMod value='     '/></td></tr>";
  954. 	
  955. 	//html += "<tr><td>Test</td>" + "<td>Test2</td>" + "<td><input style='background: -moz-linear-gradient(top left, #ccffff 0%, #00ffff 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #ffffff))' type='text' id='IgnoreMe2' value='     '/></tr></td>";	
  956. 	//html += "<tr><td>Test2</td>" + "<td>Test3</td>" + "<td><input style='background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #ffffff)) background: -moz-linear-gradient(top left, #ccffff 0%, #00ffff 100%)' type='text' id='IgnoreMe' value='     '/></tr></td>";	
  957. 	//html += "<tr><td>Test</td>" + "<td>Test2</td>" + "<td><input style='background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #ffffff))' type='text' id='IgnoreMe2' value='     '/></tr></td>";	
  958.     
  959. 	 //html += "<tr><td><input style='background: -webkit-gradient(linear, left top, right bottom, from(#ccc), to(#000)); background: -moz-linear-gradient(top,  #ccc,  #000);' type='text' id='IgnoreMe' value='     '</td></tr>";
  960. 	 //html += "<tr><td><input style='background: -moz-linear-gradient(top,  #ccc,  #000); background: -webkit-gradient(linear, left top, right bottom, from(#ccc), to(#000)); ' type='text' id='IgnoreMe' value='     '</td></tr>";  
  961.  
  962. 	new_html += "</table></div>";
  963. 	
  964. 		this.customSettingsContent.push(new_html);
  965. 		oldShowSettings.apply(this,arguments);
  966. 		this.customSettingsContent.pop();
  967. 	
  968. 		
  969. };
  970.  
  971. SaveRaceNum=function(){
  972. modRace=$("#ModRace").val();//melee race specified
  973. };
  974.  
  975. SaveRace=function(){
  976.  
  977. 	var i;
  978. 	
  979. 	if (modRace>11)
  980. 		{
  981. 		colorsA[modRace-1]=$("#ModRace2").val();
  982. 		colorsA2[modRace-1]=$("#ModRace3").val();	
  983. 		var String3="Race"+(modRace);
  984. 		set_cookie(String3,colorsA[modRace-1],2029,1,1);
  985. 		set_cookie(String3+"A",colorsA2[modRace-1],2029,1,1);
  986. 		}
  987. 	for (i=0;i<11;i++)
  988. 	{
  989. 		var String="#Race"+(i+1);
  990. 		var String2="Race"+(i+1);
  991. 		colorsA[i]= $(String).val();
  992. 		set_cookie(String2,colorsA[i],2029,1,1);
  993. 		colorsA2[i]=$(String+"A").val();
  994. 		set_cookie(String2+"A",colorsA2[i],2029,1,1);
  995. 	}
  996. 	
  997. 	modInfo= $("#ModInfo").val();
  998. 	modUnknown= $("#ModUnknown").val();
  999. 	
  1000. 	modInfo2= $("#ModInfo2").val();
  1001. 	modUnknown2= $("#ModUnknown2").val();
  1002.  
  1003.  
  1004. 	set_cookie("ModInfo",modInfo,2099,1,1);
  1005. 	set_cookie("ModUnknown",modUnknown,2029,1,1);
  1006.  
  1007. 	set_cookie("ModInfo2",modInfo2,2014,1,1);
  1008. 	set_cookie("ModUnknown2",modUnknown2,2029,1,1);
  1009. 	
  1010. 	vgap.loadWaypoints();
  1011. 	vgap.map.draw();
  1012. };
  1013.  
  1014. set_cookie=function( name, value, exp_y, exp_m, exp_d, path, domain, secure )
  1015. //name=cookie name (required)
  1016. //value=cookie value (required)
  1017. //exp_y,M,d is expiration year, month, day (if blank cookie will delete when browser closes)
  1018. //path=path within site this applies to (can be blank)
  1019. //domain=apply only to websites in this domain (can be blank)
  1020. //secure=use SSL (leave blank)	
  1021.  
  1022. {
  1023.   var cookie_string = name + "=" + escape ( value );
  1024.  
  1025.   if ( exp_y )
  1026.   {
  1027.     var expires = new Date ( exp_y, exp_m, exp_d );
  1028.     cookie_string += "; expires=" + expires.toGMTString();
  1029.   }
  1030.  
  1031.   if ( path )
  1032.         cookie_string += "; path=" + escape ( path );
  1033.  
  1034.   if ( domain )
  1035.         cookie_string += "; domain=" + escape ( domain );
  1036.   
  1037.   if ( secure )
  1038.         cookie_string += "; secure";
  1039.   
  1040.   document.cookie = cookie_string;
  1041. };
  1042.  
  1043. get_cookie =function( cookie_name )
  1044. {
  1045.   var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
  1046.  
  1047.   if ( results )
  1048.     return ( unescape ( results[2] ) );
  1049.   else
  1050.     return null;
  1051. };
  1052.  
  1053. vgapDashboard.prototype.saveToCookie = function(){
  1054. //alert("In Function save");
  1055.   // set a new cookie
  1056. if (defaultMyColor==true)
  1057. {
  1058. set_cookie("defaultMyColor",1,2029,1,1);
  1059. //alert("set to true!!");
  1060. }
  1061. else{
  1062. set_cookie("defaultMyColor",0,2029,1,1);
  1063. //alert("set to false!!");
  1064. }
  1065.     
  1066. if (activeColorMod==true)
  1067.     set_cookie("activeColorMod",1,2029,1,1);
  1068. else 
  1069.     set_cookie("activeColorMod",0,2029,1,1);
  1070.  
  1071. };
  1072.  
  1073.  
  1074. vgapDashboard.prototype.changeColorMod = function(){
  1075.  	if (activeColorMod==true) 
  1076. 	{
  1077. 	activeColorMod=false;
  1078. 	alert("The Race Specific Color Mod is now Deactived.");
  1079. 	}
  1080. 	else 
  1081. 	{
  1082. 	activeColorMod=true;
  1083. 	alert("The Race Specific Color Mod is now Active.");
  1084.   	}
  1085.     	vgapDashboard.prototype.saveToCookie()
  1086. 	vgap.loadWaypoints();
  1087. 	vgap.map.draw();
  1088. };
  1089.  
  1090.  
  1091. vgapDashboard.prototype.resetColorModColors = function(){
  1092.     alert("Resetting all colors to Mod defaults");
  1093.  
  1094.    colorsA =["#F0F8FF","#32CD32","#CD5C5C","#FFC0CB","#98FB98","#C0C0C0","#FFFF00","#EE82EE","#D3D3D3","#B0E0E6","#87CEFA","#7B68EE","#F4A460","#D2B48C","#FF6347","#F5DEB3","#F08080","#2F4F4F","#008080","#B22222","#808000","#9370DB","#00FF00","#4B0082","#D2B48C","#9ACD32", "#DAA520","#F0F8FF","#6B8E23","#FF4500"];
  1095.    colorsA2 =["#FFFFFF","#006400","#FF0000","#FF69B4","#00FA9A","#6A5ACD","#FFD700","#9400D3","#808080","#00CED1","#4169E1","#7B68EE","#A0522D","#87CEEB","#FF6347","#F5DEB3","#F08080","#2F4F4F","#008080","#B22222","#808000","#9370DB","#00FF00","#4B0082","#D2B48C","#9ACD32", "#DAA520","#F0F8FF","#6B8E23","#FF4500"];
  1096.    
  1097.     modInfo="#F4A460";//chocolate
  1098.     modInfo2="#D2691E";//chocolate
  1099.  
  1100.     modUnknown="#FFF8DC"; //Tan
  1101.     modUnknown2="#D2B48C"; //Tan	
  1102.     vgapDashboard.prototype.saveToCookie();
  1103. 	vgap.loadWaypoints();
  1104. 	vgap.map.draw();
  1105. };
  1106.  
  1107. vgapDashboard.prototype.changeDefaultMyColor = function(){
  1108.  	if (defaultMyColor==true) 
  1109. 	{
  1110.  	alert("Mod is no longer using Default colors for your race.");
  1111. 	defaultMyColor=false;
  1112. 	}
  1113. 	else 
  1114. 	{
  1115. 	alert("Mod will now use Default color (aqua/green) for your race.");
  1116. 	defaultMyColor=true;
  1117. 	}
  1118. 	vgapDashboard.prototype.saveToCookie();
  1119. 	vgap.loadWaypoints();
  1120. 	vgap.map.draw();
  1121. };
  1122.  
  1123. checkColorModSettings = function(){
  1124. //Color Mod settings
  1125. //if null, then its unset - check the cookie
  1126. //if cookie doesn't exist, set to default.
  1127. 	if (activeColorMod==null)
  1128. 	{
  1129. 		var checkActive=null;
  1130. 		checkActive=get_cookie("activeColorMod");
  1131. 		if (checkActive==null)
  1132. 			{
  1133. 			activeColorMod=true;//no cookie,  set to default
  1134. 			}
  1135. 		else if (checkActive==1)
  1136. 			{
  1137. 			activeColorMod=true;
  1138. 			}
  1139. 		else 
  1140. 			{
  1141. 			activeColorMod=false;
  1142. 			}
  1143. 	}
  1144.  
  1145.     
  1146.     if (defaultMyColor==null)
  1147. 	{
  1148. 		var checkColor=null;
  1149. 		checkColor=get_cookie("defaultMyColor");
  1150. 		if (checkColor==null)
  1151. 			{
  1152. 			defaultMyColor=true;//no cookie,  set to default
  1153. 			}
  1154. 		else if (checkColor==1)
  1155. 			{
  1156. 			defaultMyColor=true;
  1157. 			}
  1158. 		else 
  1159. 			{
  1160. 			defaultMyColor=false;
  1161. 			}
  1162. 	}
  1163.  
  1164.     if (useCustomColor==false)
  1165. 	//have not checked cookies yet
  1166. 	{
  1167. 	var i;
  1168. 	var checkColor=null;
  1169.  
  1170. 	for (i=0;i<30;i++)
  1171. 	{
  1172. 		var String="Race"+(i+1);
  1173. 		checkColor=get_cookie(String);
  1174. 		if (checkColor) 
  1175. 			colorsA[i]=checkColor;
  1176. 		checkColor=null;
  1177. 		checkColor=get_cookie(String+"A");
  1178. 		if (checkColor) colorsA2[i]=checkColor;
  1179. 		checkColor=null;
  1180. 	}
  1181.  
  1182. 	checkColor=get_cookie("ModInfo");
  1183. 	if (checkColor) modInfo=checkColor;
  1184. 	checkColor=null;
  1185. 	checkColor=get_cookie("ModUnknown");
  1186. 	if (checkColor) modUnknown=checkColor;
  1187. 	checkColor=null;
  1188.  
  1189. 	checkColor=get_cookie("ModInfo2");
  1190. 	if (checkColor) modInfo2=checkColor;
  1191. 	checkColor=null;
  1192. 	checkColor=get_cookie("ModUnknown2");
  1193. 	if (checkColor) modUnknown2=checkColor;	
  1194. 	//set var so we know cookies have been checked
  1195. 	useCustomColor=true;
  1196. 	} 
  1197. };
  1198.  
  1199.  
  1200. } //wrapper for injection
  1201.  
  1202.  
  1203.  
  1204.  
  1205. var script = document.createElement("script");
  1206. script.type = "application/javascript";
  1207. script.textContent = "(" + wrapper + ")();";
  1208.  
  1209. document.body.appendChild(script);