fix unique class for copyright anchor style

Author: gportelli

src/js/pocket.gl.js

@@ -463,18 +463,22 @@ define([
 		PocketGL.prototype.addCopyright = function(domElement) {
 			if(this.params.copyright == "") return;
 
+			var className = "pocketgl-copyright-";
+			if(this.domContainer.id != "") className += this.domContainer.id;
+			else className += Utils.guid();
+
 			var copyright = document.createElement("div");
 			copyright.innerHTML = this.params.copyright;
-			copyright.className = "pocketgl-copyright pocketgl";
+			copyright.className =  className + " pocketgl-copyright pocketgl";
 			copyright.style.color = this.params.copyrightColor;
 
 			var style = document.createElement("style");
 			style.innerHTML = [
-				".pocketgl-copyright a,",
-				".pocketgl-copyright a:hover,",
-				".pocketgl-copyright a:active,",
-				".pocketgl-copyright a:visited,",
-				".pocketgl-copyright a:focus { color: " + this.params.copyrightLinkColor + "; }"].join("\n");
+				"." + className + " a,",
+				"." + className + " a:hover,",
+				"." + className + " a:active,",
+				"." + className + " a:visited,",
+				"." + className + " a:focus { color: " + this.params.copyrightLinkColor + "; }"].join("\n");
 
 			domElement.appendChild(copyright);
 			domElement.appendChild(style);

src/js/utils.js

@@ -109,5 +109,16 @@ define(function() {
 		return JSON.parse(JSON.stringify(obj));
 	}
 
+	// http://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript
+	Utils.prototype.guid = function() {
+		function s4() {
+			return Math.floor((1 + Math.random()) * 0x10000)
+				.toString(16)
+				.substring(1);
+		}
+
+		return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+	}
+
 	return new Utils();
 });