// circMover.txt

function doGraphics () {
   var maxItems = 5;
   var shapes = new Array(maxItems);

   // Creates canvas 500 × 800 at 50, 100
   var paper = Raphael(50, 100, 800, 600);
      
   // populate canvas with objects
   // order matters, as the first objects will get
   // covered with the later objects if they overlap
   var uncBT = paper.image("uncBT.jpg", 50, 50, 200, 350);
   var ncsuBT = paper.image("ncsuBT.jpg", 280, 50, 500, 350);
   var ncsu = paper.circle(150, 240, 70);
   var unc = paper.circle(40, 40, 15);

   var logo;
   logo = paper.text(300, 260, "Frodo Lives!");
   logo.attr("font-size", 40);
   logo.attr("fill", "#3CF");
   logo.attr("stroke", "#300");
   //logo.rotate(45);

   var title;
   title = paper.text(450, 310, "the two towers");
   title.attr("font-size", 50);
   title.attr("stroke", "#950");
   title.attr("fill", "#DAA");

   unc.attr("fill", "#ADD"); // color of the inside of the circle
   ncsu.attr("fill", "#E00");  // color of the inside of the circle
  
   unc.attr("stroke", "#477"); // color of the outline of the circle
   ncsu.attr("stroke", "#EAA"); // color of the outline of the circle

   // make them move around
   unc.animate({cx: 230, r: 60, cy: 270}, 1500);
   ncsu.animate({cx: 530, r: 20, cy: 110}, 4500);
   title.animate({x: 250, y: 25}, 3000);
 
}