                 .on("click", (td) ->
                        console.log(td)
                        markerClick[lastMarker] = 0
-                       d3.select("#circle#{lastMarker}").attr("opacity", 0)
+                       d3.select("#circle#{lastMarker}").attr("opacity", 0).attr("fill",purple).attr("stroke","none")
                        lastMarker = td
                        markerClick[td] = 1
-                       d3.select(this).attr("opacity", 1)))
+                       d3.select(this).attr("opacity", 1).attr("fill", pink).attr("stroke",purple)))
+
 
   # chr labels
   topsvg.append("g").selectAll("empty")

        .on("click", (td) ->
               console.log(td)
               markerClick[lastMarker] = 0
               d3.select("#circle#{lastMarker}").attr("opacity", 0)
               lastMarker = td
               markerClick[td] = 1
               d3.select(this).attr("opacity", 1))

  # select of chromosome for lower LOD detailed curve
  lastChr = randomChr

        .attr("r", 6)
        .attr("fill", purple)
        .attr("stroke", "none")
        .attr("stroke-width", "2")
        .attr("opacity", 0)
        .on("mouseover", ->
               d3.select(this).attr("opacity", 1))
