title: Kinetic JS - Layering Issue
body: <p>I've two different stages on top of another.
  And, I'm adding layers to them and placed two image objects.</p>
  
  <p>Now, I've given "click" event to those image objects. </p>
  
  <p>However, since recently added layer is on top of other layers, Only top layer is triggering the events.</p>
  
  <p><strong>Problem :</strong> Clicking on purple indicator , I'm getting the alert. But, yellow indicator does not trigger any event since it is behind the layer.</p>
  
  <blockquote>
    <p>(Check <a href="http://jsfiddle.net/v4u2chat/aqf9Y/8/" rel="nofollow">JSFiddle</a> Link which is provided at the bottom)</p>
  </blockquote>
  
  <p>How to overcome this issue..?</p>
  
  <p>Here is the code sample that I'm using to add &amp; position the image.</p>
  
  <p><strong>Working JS Fiddle Link :</strong> <a href="http://jsfiddle.net/v4u2chat/aqf9Y/8/" rel="nofollow">http://jsfiddle.net/v4u2chat/aqf9Y/8/</a></p>
  
  <p><strong>NOTE :</strong> Use the Slider to change the position of the image.</p>
  
  <p><strong>Image Positioning Code</strong></p>
  
  <pre><code>$function positionImage(stage,centerX,centerY,radius,startingAngle,endingAngle,targetValue4ImagePositioning,divIdvalue)
      {
          var imgLayer        =   new Kinetic.Layer();
          var angleInDegress  =   360*targetValue4ImagePositioning-90-5;
          var angleInRadians  =   (Math.PI/180)*angleInDegress;
  
          imgLayer.rotate((Math.PI/180)*(360*targetValue4ImagePositioning));
  
          var arcEndX   =   centerX+ ((radius+25)*Math.cos(angleInRadians));
          var arcEndY   =   centerY+ ((radius+25)*Math.sin(angleInRadians));
  
          imgLayer.setX(arcEndX);
          imgLayer.setY(arcEndY);
  
          var kineticImage = new Kinetic.Image(
          {  
              x: 0
              ,y: 0
              ,width:18
              ,height:22
              ,image: $('#'+divIdvalue)[0]
              ,id:'kineticImage_'+divIdvalue
  
          });
          kineticImage.on("click", callBackFn);
  
          imgLayer.add(kineticImage);
          stage.add(imgLayer);
  
    }
  </code></pre>