social_cheesecake 0.1.0 → 0.2.0

data/app/assets/javascripts/socialcheesecake/_header.js

@@ -1,5 +1,5 @@
 /**
- * @license SocialCheesecake JavaScript Library v0.1.0
+ * @license SocialCheesecake JavaScript Library v0.2.0
  * https://github.com/adiezbal/SocialCheesecake
  * Developed by Alicia Díez (https://github.com/adiezbal)
  * Copyright 2011, Technical University of Madrid (Universidad Politécnica de Madrid)

data/app/assets/javascripts/socialcheesecake/actor.js

@@ -11,10 +11,12 @@ var socialCheesecake = socialCheesecake || {};
 			}
 		}
 		this.id = settings.id;
+		this.name = settings.name;
 		this.opacity = 1;
 		this._focused = false;
 		this._selected = false;
 		this._hidden = false;
+		this._filtered = false;
 		this.fading = "none";
 		this.parents = [];
 		if(settings.parent) this.parents.push(settings.parent);
@@ -26,8 +28,9 @@ var socialCheesecake = socialCheesecake || {};
 			actor.focus();
 			for (var subsector in actor.parents){
 				sector = actor.parents[subsector].parent;
-				sector.eventHandler("mouseover");
-				actor.parents[subsector].eventHandler("mouseover");
+				sector.focus();
+				sector.changeColor(sector.mouseover.color);
+				actor.parents[subsector].changeColor(actor.parents[subsector].mouseover.color);
 			}
 		}
 		var mouseoutCallback = function(){
@@ -35,8 +38,9 @@ var socialCheesecake = socialCheesecake || {};
 			actor.unfocus();
 			for (var subsector in actor.parents){
 				sector = actor.parents[subsector].parent;
-				sector.eventHandler("mouseout");
-				actor.parents[subsector].eventHandler("mouseout");
+				sector.unfocus();
+				sector.changeColor(sector.mouseout.color);
+				actor.parents[subsector].changeColor(sector.mouseout.color);
 			}
 		}
 		actor_div.addEventListener("mouseover", mouseoverCallback, false);
@@ -46,11 +50,13 @@ var socialCheesecake = socialCheesecake || {};
 			if( actor.isSelected()){
 				// Deactivate actor
 				actor._selected = false;
+				actor.unfocus();
 				actor_div.addEventListener("mouseover", mouseoverCallback, false);
 				actor_div.addEventListener("mouseout", mouseoutCallback, false);
 			}else{
 				//Activate actor
 				actor._selected = true;
+				actor.focus();
 				actor_div.removeEventListener("mouseover", mouseoverCallback, false);
 				actor_div.removeEventListener("mouseout", mouseoutCallback, false);
 			}
@@ -108,6 +114,7 @@ var socialCheesecake = socialCheesecake || {};
 	}
 	
 	socialCheesecake.Actor.prototype.show = function() {
+		if(this.isFiltered()) return;
 		var actor_div = this.getDiv();
 		this._hidden = false;
 		if (actor_div.getAttribute("style")){
@@ -120,6 +127,23 @@ var socialCheesecake = socialCheesecake || {};
 		return this._hidden;
 	}
 	
+	socialCheesecake.Actor.prototype.isFiltered = function() {
+		return this._filtered;
+	}
+	
+	socialCheesecake.Actor.prototype.isVisible = function() {
+		return !(this.isHidden() || this.isFiltered());
+	}
+	
+	socialCheesecake.Actor.prototype.filter = function() {
+		this._filtered = true;
+		this.fadeOut(100, true);
+	}
+	
+	socialCheesecake.Actor.prototype.unfilter = function() {
+		this._filtered = false;
+	}
+	
 	socialCheesecake.Actor.prototype.setDivOpacity = function(opacity) {
 		opacity = (opacity > 1) ? 1 : opacity;
 		opacity = (opacity < 0) ? 0 : opacity;
@@ -141,7 +165,6 @@ var socialCheesecake = socialCheesecake || {};
 		var deltaOpacity = 1000.0/ (60.0 *time);
 		var grow = 0;
 		
-		var x = actor.opacity;
 		//console.log(">Fade actor "+ actor.id+" now with opacity "+ x);
 		//console.log("     >Fading value "+ this.fading);
 		
@@ -154,11 +177,11 @@ var socialCheesecake = socialCheesecake || {};
 		var opacity = this.opacity + grow * deltaOpacity;
 		opacity = Math.round(opacity*1000)/1000;
 		actor.setDivOpacity(opacity);
+		var x = actor.opacity;
 				
 		if (((this.fading == "out") && (opacity >= 0))||
 	 			((this.fading == "in") && (opacity <= 1))){
 		  requestAnimFrame(function() {
-		  	
 				actor.fade(time, modifyDisplay);
       });
     }else{
@@ -175,6 +198,7 @@ var socialCheesecake = socialCheesecake || {};
 	}
 	
 	socialCheesecake.Actor.prototype.fadeIn = function(time, modifyDisplay) {
+		if(this.isFiltered()) return;
 		this.fading = "in";
 		this.fade(time, modifyDisplay);
 	}

data/app/assets/javascripts/socialcheesecake/cheesecake.js

@@ -1,5 +1,24 @@
 var socialCheesecake = socialCheesecake || {};
 (function() {
+	//General variable settings (with dafault values)
+	/*  Normal */
+	var sectorFillColor = "#eeffee";					//normal, mouseout, mouseup states	
+	var sectorFocusColor = "#77ff77";					//mousedown state	
+	var sectorHoverColor = "#aaffaa";					//mouseover state
+	var sectorTextAndStrokeColor = "#1F4A75";	//text and border color
+	
+	/* Extra */
+	var extraSectorFillColor = "#D4E4EA";			//normal, mouseout, mouseup states for extra sectors
+	var extraFocusColor = "#1FA0F7";					//mousedown state for extra sectors
+	var extraHoverColor = "#1FA0F7";					//mouseover state for extra sectors
+	var extraTextAndStrokeColor = "#1F4A75";	//text and border color for extra sectors
+	
+	/* Grey */
+	var greySectorFillColor = "#f5f5f5";			//normal, mouseout, mouseup states for grey auxiliar sectors
+	var greyFocusColor = "#f5f5f5";						//mousedown state for grey auxiliar sectors
+	var greyHoverColor = "#f5f5f5";						//mouseover state for grey auxiliar sectors
+	var greyTextAndStrokeColor = "#666";			//text and border color for grey auxilar sectors
+	
 	socialCheesecake.Cheesecake = function(cheesecakeData) {
 		var jsonSectors = cheesecakeData.sectors;
 		var cheesecake = this;
@@ -10,6 +29,8 @@ var socialCheesecake = socialCheesecake || {};
 		};
 		cheesecake.rMax = cheesecakeData.rMax;
 		cheesecake.sectors = [];
+		cheesecake.highlightedSector = null;
+		cheesecake.highlightedSectorCallback = cheesecakeData.highlightedSectorCallback || undefined;
 		cheesecake.auxiliarSectors = [];
 		cheesecake.stage = new Kinetic.Stage(cheesecakeData.container.id, 
 			cheesecakeData.container.width, cheesecakeData.container.height);
@@ -18,64 +39,104 @@ var socialCheesecake = socialCheesecake || {};
 			grid_id : cheesecakeData.grid.id,
 			divIdPrefix : cheesecakeData.grid.divIdPrefix || "actor_"
 		});
-
-		var phi = 0;
-		var delta = 2 * Math.PI / jsonSectors.length;
-		var actors = [];
-		for(var i = 0; i < jsonSectors.length; i++) {
-		var settings = {
+		cheesecake.searchEngine = new socialCheesecake.SearchEngine({
+			parent : this
+		});
+		cheesecake.matchActorsNumber = cheesecakeData.match || true;
+		cheesecake.changes = {};
+		
+		var extraSector = new socialCheesecake.Sector({
 			parent : cheesecake,
 			center : {
 				x : cheesecakeData.center.x,
 				y : cheesecakeData.center.y
 			},
-			label : jsonSectors[i].name,
-			phi : phi,
-			delta : delta,
+			label: "+",
 			rOut : cheesecakeData.rMax,
-			subsectors : jsonSectors[i].subsectors,
+			color : socialCheesecake.Cheesecake.getExtraSectorFillColor(),
 			mouseover : {
-				color : "#aaffaa",
+				color : socialCheesecake.Cheesecake.getExtraSectorHoverColor(),
 				callback : function(sector) {
-					/* FIX FOR EXECUTING MOUSEOUT BEFORE MOUSEOVER */					
-					for(var i in cheesecake.sectors){
-						cheesecake.sectors[i].getRegion().addEventListener("mouseout", undefined);
-						if(cheesecake.sectors[i]!= sector){
-						 cheesecake.sectors[i].unfocus();
-						 cheesecake.sectors[i].changeColor(cheesecake.sectors[i].mouseout.color);
-						}
-					}
-					sector.getRegion().addEventListener("mouseout", function() {
-						sector.eventHandler('mouseout');
-					});
-					
-					document.body.style.cursor = "pointer";
-					cheesecake.grid.hideAll();
-					cheesecake.grid.fadeIn(sector.actors, 300, true);
-					sector.focus();				
+					sector.focus();
 				}
 			},
 			mouseout : {
-				color : "#eeffee",
+				color : socialCheesecake.Cheesecake.getExtraSectorFillColor(),
 				callback : function(sector) {
-					document.body.style.cursor = "default";
-					cheesecake.grid.fadeInAll(300, true);
 					sector.unfocus();
 				}
 			},
-			mousedown : {
-				color : "#77ff77",
-				callback : function(sector) {
-					cheesecake.focusAndBlurCheesecake(sector);
-					cheesecake.grid.hideAll();
-					cheesecake.grid.fadeIn(sector.actors,300, true);
-				}
-			},
-			mouseup : { color : "#aaffaa" }
-		};
-		cheesecake.sectors[i] = new socialCheesecake.Sector(settings);
-		cheesecake.stage.add(cheesecake.sectors[i].getRegion());
-		phi += delta;
+			mouseup : {color : socialCheesecake.Cheesecake.getExtraSectorFillColor()},
+			mousedown : {color : socialCheesecake.Cheesecake.getExtraSectorFocusColor()},
+			auxiliar : true,
+			textAndStrokeColor : socialCheesecake.Cheesecake.getExtraSectorTextAndStrokeColor()
+		});
+		cheesecake.sectors[jsonSectors.length] = extraSector;
+		
+		for(var i = 0; i < jsonSectors.length; i++) {			
+			var settings = {
+				parent : cheesecake,
+				center : {
+					x : cheesecakeData.center.x,
+					y : cheesecakeData.center.y
+				},
+				label : jsonSectors[i].name,
+				rOut : cheesecakeData.rMax,
+				subsectors : jsonSectors[i].subsectors,
+				mouseover : {
+					color : socialCheesecake.Cheesecake.getSectorHoverColor(),
+					callback : function(sector) {
+						/* FIX FOR EXECUTING MOUSEOUT BEFORE MOUSEOVER */				
+						for(var i in cheesecake.sectors){
+							cheesecake.sectors[i].getRegion().removeEventListener("mouseout");
+							if(cheesecake.sectors[i]!= sector){
+							 cheesecake.sectors[i].unfocus();
+							 cheesecake.sectors[i].changeColor(cheesecake.sectors[i].mouseout.color);
+							}
+						}
+						sector.getRegion().addEventListener("mouseout", function() {
+							sector.eventHandler('mouseout');
+						});
+						/* END of FIX */
+						document.body.style.cursor = "pointer";
+						cheesecake.grid.hideAll();
+						cheesecake.grid.fadeIn(sector.actors, 300, true);
+						sector.focus();
+						sector.getCheesecake().setHighlightedSector(sector);
+						//sector.getCheesecake().fanInSector(sector, true);
+					}
+				},
+				mouseout : {
+					color : socialCheesecake.Cheesecake.getSectorFillColor(),
+					callback : function(sector) {
+						document.body.style.cursor = "default";
+						cheesecake.grid.fadeInAll(300, true);
+						sector.unfocus();
+						sector.getCheesecake().setHighlightedSector(null);
+						//sector.getCheesecake().fanInSector(sector, false);
+					}
+				},
+				mousedown : {
+					color : socialCheesecake.Cheesecake.getSectorFocusColor(),
+					callback : function(sector) {
+						cheesecake.focusAndBlurCheesecake(sector);
+						cheesecake.grid.hideAll();
+						cheesecake.grid.fadeIn(sector.actors,300, true);
+					}
+				},
+				mouseup : { color : socialCheesecake.Cheesecake.getSectorFillColor() },
+				textAndStrokeColor : socialCheesecake.Cheesecake.getSectorTextAndStrokeColor()
+			};
+			cheesecake.sectors[i] = new socialCheesecake.Sector(settings);
+		}
+		cheesecake.calculatePortions();
+		cheesecake.draw();
+	}
+	
+	socialCheesecake.Cheesecake.prototype.draw = function(){
+		var sectors = this.sectors;
+		for (var sector in sectors){
+			this.stage.add(sectors[sector].getRegion());
 		}
 	}
 	
@@ -93,9 +154,7 @@ var socialCheesecake = socialCheesecake || {};
 				cheesecake.stage.remove(regions[i]);
 			}
 		}
-		
-		//Unfocus all actors
-		cheesecake.grid.unfocusAll();
+		this.setHighlightedSector(sector);
 		
 		//Add auxiliar sectors
 		var greySettings = {
@@ -108,20 +167,21 @@ var socialCheesecake = socialCheesecake || {};
 			delta : 2 * Math.PI - sector.delta,
 			rOut : cheesecake.rMax,
 			mouseout : {
-				color : "#f5f5f5",
+				color : socialCheesecake.Cheesecake.getGreySectorFillColor(),
 				callback : function() {
 					document.body.style.cursor = "default";
 				}
 			},
-			mousedown : { color : "#f5f5f5" },
-			mouseup : { color : "#f5f5f5" },
+			mousedown : { color : socialCheesecake.Cheesecake.getGreySectorFocusColor() },
+			mouseup : { color : socialCheesecake.Cheesecake.getGreySectorFillColor() },
 			mouseover : {
-				color : "#f5f5f5",
+				color : socialCheesecake.Cheesecake.getGreySectorHoverColor(),
 				callback : function() {
 					document.body.style.cursor = "pointer";
 				}
 			},
-			color : "#f5f5f5",
+			color : socialCheesecake.Cheesecake.getGreySectorFillColor(),
+			textAndStrokeColor : socialCheesecake.Cheesecake.getGreySectorTextAndStrokeColor(),
 			auxiliar : true
 		};
 		var dummySettings = {
@@ -144,7 +204,8 @@ var socialCheesecake = socialCheesecake || {};
 				callback : function() {
 					document.body.style.cursor = "pointer";
 				}
-			}
+			},
+			auxiliar : true
 		};
 		var greySector = new socialCheesecake.Sector(greySettings);
 		cheesecake.auxiliarSectors.push(greySector);
@@ -156,14 +217,16 @@ var socialCheesecake = socialCheesecake || {};
 
 		//Animations
 		var greyMousedownCallback = function() {
+			greySector.label = "";
 			cheesecake.unfocusAndUnblurCheesecake();
 			cheesecake.grid.showAll();
 		}
 		var greyResizeCallback = function() {
 			greySector.mousedown.callback = greyMousedownCallback;
+			greySector.label = "GO BACK";
 		}
 		var greyRotateToCallback = function() {
-			greySector.resize({
+			greySector.resizeDelta({
 				delta : 3 * Math.PI / 2,
 				anchor : "M",
 				callback : greyResizeCallback
@@ -173,7 +236,7 @@ var socialCheesecake = socialCheesecake || {};
 			dummySector.splitUp();
 		}
 		var dummyRotateToCallback = function() {
-			dummySector.resize({
+			dummySector.resizeDelta({
 				anchor : "M",
 				callback : dummyResizeCallback
 			});
@@ -203,15 +266,16 @@ var socialCheesecake = socialCheesecake || {};
 		}
 		cheesecake.auxiliarSectors.pop();
 
-		// Add the former sectors
-		for(var i in cheesecake.sectors) {
-			cheesecake.stage.add(cheesecake.sectors[i].getRegion());
-		}
+		// Add the former sectors and actors
+		cheesecake.draw();
+		cheesecake.grid.fadeInAll(300, true);
 	}
 	socialCheesecake.Cheesecake.prototype.unfocusAndUnblurCheesecake = function() {
 		var cheesecake = this;
 		var auxiliarSectors = this.auxiliarSectors;
 		var sector;
+		var sectorNewDelta;
+		var sectorNewPhi;
 		var greySector;
 
 		//Localize the dummy and grey sectors
@@ -224,22 +288,25 @@ var socialCheesecake = socialCheesecake || {};
 		}
 
 		//Animate and go back to the general view
+		sectorNewDelta = cheesecake.sectors[sector.simulate].delta;
+		sectorNewPhi = cheesecake.sectors[sector.simulate].phi;
+		this.setHighlightedSector(null);
 		sector.putTogether();
-		sector.resize({
+		sector.resizeDelta({
 			anchor : "M",
-			delta : sector.originalAttr.delta,
+			delta : sectorNewDelta,
 			callback : function() {
 				sector.rotateTo({
-					destination : sector.originalAttr.phi
+					destination : sectorNewPhi
 				});
 			}
 		});
-		greySector.resize({
+		greySector.resizeDelta({
 			anchor : "M",
-			delta : greySector.originalAttr.delta,
+			delta : (2*Math.PI) - sectorNewDelta,
 			callback : function() {
 				greySector.rotateTo({
-					destination : greySector.originalAttr.phi,
+					destination : sectorNewPhi + sectorNewDelta,
 					callback : function() {
 						cheesecake.recoverCheesecake();
 					}
@@ -247,5 +314,262 @@ var socialCheesecake = socialCheesecake || {};
 			}
 		});
 	}
+	
+	/**
+	 * actorId 		- actor which changes one of its parents
+	 */
+	socialCheesecake.Cheesecake.prototype.updateActorMembership = function (actorId){
+		var changes = this.changes;
+		var grid = this.grid;
+		var changesInActors;
+		var alreadyChanged = false;
+		var actorParents = grid.getActor(actorId).parents;
+		var actorSubsectors = [];
+		
+		for(var parent in actorParents){
+			actorSubsectors.push(actorParents[parent].id);
+		}
+		
+		if(changes.actors != undefined){
+			changesInActors = changes.actors
+			for( var actor in changesInActors){
+				if(changesInActors[actor].id == actorId){
+					alreadyChanged = true;
+					changesInActors[actor].subsectors = actorSubsectors;
+				}
+			}
+			if(!alreadyChanged){
+				changesInActors.push({
+					id : actorId,
+					subsectors : actorSubsectors
+				});
+			}
+		}else{
+			changes.actors = [];
+			changes.actors.push({
+				id : actorId,
+				subsectors : actorSubsectors
+			});
+		}
+	}
+	
+	socialCheesecake.Cheesecake.prototype.calculatePortions = function (){
+		var sectors = this.sectors;
+		var match = this.matchActorsNumber;
+		var deltaExtra = Math.PI / 8;
+		var deltaSector;
+		var minDeltaSector = Math.PI / 6;
+		var phi = ((5 * Math.PI) / 4) - (deltaExtra / 2);
+		var sectorActors;
+		var totalActors = 0;
+		var consideredActors = 0;
+		var littleSectors = 0;
+		var isLittle = [];
+		
+		sectors[sectors.length-1].phi = phi;
+		sectors[sectors.length-1].delta = deltaExtra;
+		sectors[sectors.length-1].originalAttr.phi = sectors[sectors.length-1].phi;
+		sectors[sectors.length-1].originalAttr.delta = sectors[sectors.length-1].delta;
+		phi += deltaExtra;
+		
+		if(this.grid.actors.length == 0) match =false;
+		if(match){
+			//Calculate total number of actors
+			for (var i = 0; i < sectors.length -1; i++){
+				totalActors += (sectors[i].actors.length);				
+			}
+			consideredActors = totalActors;
+			//Calculate percentage of actors of each sector
+			for (var i = 0; i < sectors.length -1; i++){
+				sectorActors = sectors[i].actors.length;			
+				if( sectorActors / totalActors <= 0.1){ 
+					isLittle[i] = true;
+					littleSectors++;
+					consideredActors -= sectors[i].actors.length;
+				}
+			}
+			//Assign width
+			for (var i = 0; i < sectors.length -1; i++){
+				if(isLittle[i]){
+					deltaSector = minDeltaSector;
+				}else{
+					deltaSector = (sectors[i].actors.length / consideredActors)* 
+						(2*Math.PI - deltaExtra - littleSectors*minDeltaSector);
+				}
+				sectors[i].phi = phi;
+				sectors[i].delta = deltaSector;
+				sectors[i].originalAttr.phi = sectors[i].phi;
+				sectors[i].originalAttr.delta = sectors[i].delta;
+				phi += deltaSector;
+			}
+		}else{
+			deltaSector = (2 * Math.PI - deltaExtra) / (sectors.length-1);
+			for (var i = 0; i < sectors.length -1; i++){
+				sectors[i].phi = phi;
+				sectors[i].delta = deltaSector;
+				sectors[i].originalAttr.phi = sectors[i].phi;
+				sectors[i].originalAttr.delta = sectors[i].delta;
+				phi += deltaSector;
+			}
+		}
+	}
+	
+	socialCheesecake.Cheesecake.prototype.setHighlightedSector = function(sector){
+		if(this.highlightedSector != sector){
+			this.highlightedSector = sector;
+			if(this.highlightedSectorCallback){
+				this.highlightedSectorCallback(this);
+			}
+		}
+	}
+	
+	socialCheesecake.Cheesecake.prototype.getChanges = function (){
+		return this.changes;
+	}
+	
+	/**
+	 * sector - sector to open or to close
+	 * open - true: expand sector
+	 * 			- false: shrink sector
+	 */	
+	socialCheesecake.Cheesecake.prototype.fanInSector = function (sector, open){
+		var sectors = this.sectors;
+		var minDelta = Math.PI/5;
+		var prevSectorIndex = 0;
+		var laterSectorIndex = 0;
+		var deltaToChange = 0;
+		
+		if(open && (sector.delta >= minDelta)) return; 
+		
+		//Find the sector's neighbours
+		for(var i= 0; i<sectors.length; i++){
+			if(sectors[i]=== sector){
+				prevSectorIndex = i-1;
+				laterSectorIndex = (i+1);
+				//console.log("current "+i)
+			}
+		}
+		if(prevSectorIndex < 0) prevSectorIndex = sectors.length -1;
+		if(laterSectorIndex >= sectors.length) laterSectorIndex = 0;
+		
+		//Animate the three sectors
+		if(open){
+			deltaToChange = (minDelta - sector.delta)/2;
+			sector.resizeDelta({
+				anchor: "m",
+				delta: minDelta
+			});
+			console.log("delta to change "+ deltaToChange);
+			console.log("delta of prev "+ sectors[prevSectorIndex].delta);
+			console.log("delta of later "+ sectors[laterSectorIndex].delta);
+			sectors[prevSectorIndex].resizeDelta({
+				anchor: "b",
+				delta : (sectors[prevSectorIndex].delta - deltaToChange)
+			});
+			sectors[laterSectorIndex].resizeDelta({
+				anchor: "e",
+				delta : (sectors[laterSectorIndex].delta - deltaToChange)
+			});
+		}else{
+			sector.resizeDelta({
+				anchor: "m",
+				delta: sector.originalAttr.delta
+			});
+			sectors[prevSectorIndex].resizeDelta({
+				anchor: "b",
+				delta : sectors[prevSectorIndex].originalAttr.delta
+			});
+			sectors[laterSectorIndex].resizeDelta({
+				anchor: "e",
+				delta : sectors[laterSectorIndex].originalAttr.delta
+			});
+		}
+	}
+	//Colors and text style settings
+	/** Sector Normal Fill Color (also mouseout and mouseup) */
+	socialCheesecake.Cheesecake.getSectorFillColor = function (){
+		return sectorFillColor;
+	}
+	socialCheesecake.Cheesecake.setSectorFillColor = function (newColor){
+		if(typeof newColor === "string") sectorFillColor = newColor;
+	}
+	/** Extra Sectors Normal Fill Color (also mouseout and mouseup) */
+	socialCheesecake.Cheesecake.getExtraSectorFillColor = function (){
+		return extraSectorFillColor;
+	}
+	socialCheesecake.Cheesecake.setExtraSectorFillColor = function (newColor){
+		if(typeof newColor === "string") extraSectorFillColor = newColor;
+	}
+	/** Grey Sectors Normal Fill Color (also mouseout and mouseup) */
+	socialCheesecake.Cheesecake.getGreySectorFillColor = function (){
+		return greySectorFillColor;
+	}
+	socialCheesecake.Cheesecake.setGreySectorFillColor = function (newColor){
+		if(typeof newColor === "string") greySectorFillColor = newColor;
+	}
+	/** Sector Focus Fill Color (mousedown) */
+	socialCheesecake.Cheesecake.getSectorFocusColor = function (){
+		return sectorFocusColor;
+	}
+	socialCheesecake.Cheesecake.setSectorFocusColor = function (newColor){
+		if(typeof newColor === "string") sectorFocusColor = newColor;
+	}
+	/** Extra Sectors Focus Fill Color (mousedown) */
+	socialCheesecake.Cheesecake.getExtraSectorFocusColor = function (){
+		return extraFocusColor;
+	}
+	socialCheesecake.Cheesecake.setExtraSectorFocusColor = function (newColor){
+		if(typeof newColor === "string") extraFocusColor = newColor;
+	}
+	/** Grey Sectors Focus Fill Color (mousedown) */
+	socialCheesecake.Cheesecake.getGreySectorFocusColor = function (){
+		return greyFocusColor;
+	}
+	socialCheesecake.Cheesecake.setGreySectorFocusColor = function (newColor){
+		if(typeof newColor === "string") greyFocusColor = newColor;
+	}
+	/** Sector Hover Fill Color (mouseover) */
+	socialCheesecake.Cheesecake.getSectorHoverColor = function (){
+		return sectorHoverColor;
+	}
+	socialCheesecake.Cheesecake.setSectorHoverColor = function (newColor){
+		if(typeof newColor === "string") sectorHoverColor = newColor;
+	}
+	/** Extra Sectors Hover Fill Color (mouseover) */
+	socialCheesecake.Cheesecake.getExtraSectorHoverColor = function (){
+		return extraHoverColor;
+	}
+	socialCheesecake.Cheesecake.setExtraSectorHoverColor = function (newColor){
+		if(typeof newColor === "string") extraHoverColor = newColor;
+	}
+	/** Grey Sectors Hover Fill Color (mouseover) */
+	socialCheesecake.Cheesecake.getGreySectorHoverColor = function (){
+		return greyHoverColor;
+	}
+	socialCheesecake.Cheesecake.setGreySectorHoverColor = function (newColor){
+		if(typeof newColor === "string") greyHoverColor = newColor;
+	}
+	/** Sector Text and Stroke Color */
+	socialCheesecake.Cheesecake.getSectorTextAndStrokeColor = function (){
+		return sectorTextAndStrokeColor;
+	}
+	socialCheesecake.Cheesecake.setSectorTextAndStrokeColor = function (newColor){
+		if(typeof newColor === "string") sectorTextAndStrokeColor = newColor;
+	}
+	/** Extra Sectors Hover Fill Color (mouseover) */
+	socialCheesecake.Cheesecake.getExtraSectorTextAndStrokeColor = function (){
+		return extraTextAndStrokeColor;
+	}
+	socialCheesecake.Cheesecake.setExtraSectorTextAndStrokeColor = function (newColor){
+		if(typeof newColor === "string") extraTextAndStrokeColor = newColor;
+	}
+	/** Grey Sectors Hover Fill Color (mouseover) */
+	socialCheesecake.Cheesecake.getGreySectorTextAndStrokeColor = function (){
+		return greyTextAndStrokeColor;
+	}
+	socialCheesecake.Cheesecake.setGreySectorTextAndStrokeColor = function (newColor){
+		if(typeof newColor === "string") greyTextAndStrokeColor = newColor;
+	}
+	
 })();