function myDrawFunction() {
    jg.setColor("black");
    jg.setStroke(3);
    jg.drawLine(320,0,320,1469); // co-ordinates related to "myCanvas"
    jg.setStroke(1);
    printTeam(10,"1. Tampa Bay <span class=\"record\">(96-66)</span>","1.05","black");
    jg.drawLine(304,18,320,20);
    printTeam(27,"2. New York Yankees <span class=\"record\">(95-67)</span>","1.02","black");
    jg.drawLine(304,35,320,34);
    printTeam(150,"3. Philadelphia <span class=\"record\">(97-65)</span>","0.79","black");
    jg.drawLine(304,158,320,158);
    printTeam(230,"4. Boston <span class=\"record\">(89-73)</span>","0.63","black");
    jg.drawLine(304,238,320,239);
    printTeam(247,"5. Minnesota <span class=\"record\">(94-68)</span>","0.60","black");
    jg.drawLine(304,255,320,253);
    printTeam(264,"6. Atlanta <span class=\"record\">(91-71)</span>","0.55","black");
    jg.drawLine(304,272,320,280);
    printTeam(281,"7. San Francisco <span class=\"record\">(92-70)</span>","0.53","black");
    jg.drawLine(304,289,320,289);
    printTeam(317,"8. Texas <span class=\"record\">(90-72)</span>","0.46","black");
    jg.drawLine(304,325,320,329);
    printTeam(334,"9. St. Louis <span class=\"record\">(86-76)</span>","0.41","black");
    jg.drawLine(304,342,320,351);
    printTeam(351,"10. Toronto <span class=\"record\">(85-77)</span>","0.39","black");
    jg.drawLine(304,359,320,363);
    printTeam(368,"11. San Diego <span class=\"record\">(90-72)</span>","0.37","black");
    jg.drawLine(304,376,320,374);
    printTeam(405,"12. Colorado <span class=\"record\">(83-79)</span>","0.30","black");
    jg.drawLine(304,413,320,413);
    printTeam(434,"13. Cincinnati <span class=\"record\">(91-71)</span>","0.23","black");
    jg.drawLine(304,442,320,446);
    printTeam(451,"14. Chicago White Sox <span class=\"record\">(88-74)</span>","0.19","black");
    jg.drawLine(304,459,320,468);
    printTeam(468,"15. Oakland <span class=\"record\">(81-81)</span>","0.18","black");
    jg.drawLine(304,476,320,472);
    printTeam(513,"16. Florida <span class=\"record\">(80-82)</span>","0.06","black");
    jg.drawLine(304,521,320,533);
    printTeam(530,"17. Detroit <span class=\"record\">(81-81)</span>","0.05","black");
    jg.drawLine(304,538,320,539);
    printTeam(547,"18. New York Mets <span class=\"record\">(79-83)</span>","0.05","black");
    jg.drawLine(304,555,320,542);
    printTeam(580,"19. Los Angeles Angels <span class=\"record\">(80-82)</span>","-0.04","black");
    jg.drawLine(304,588,320,588);
    printTeam(637,"20. Los Angeles Dodgers <span class=\"record\">(80-82)</span>","-0.15","black");
    jg.drawLine(304,645,320,645);
    printTeam(805,"21. Washington <span class=\"record\">(69-93)</span>","-0.49","black");
    jg.drawLine(304,813,320,821);
    printTeam(822,"22. Cleveland <span class=\"record\">(69-93)</span>","-0.51","black");
    jg.drawLine(304,830,320,830);
    printTeam(839,"23. Milwaukee <span class=\"record\">(77-85)</span>","-0.53","black");
    jg.drawLine(304,847,320,840);
    printTeam(867,"24. Chicago Cubs <span class=\"record\">(75-87)</span>","-0.59","black");
    jg.drawLine(304,875,320,875);
    printTeam(893,"25. Arizona <span class=\"record\">(65-97)</span>","-0.65","black");
    jg.drawLine(304,901,320,905);
    printTeam(910,"26. Baltimore <span class=\"record\">(66-96)</span>","-0.67","black");
    jg.drawLine(304,918,320,915);
    printTeam(957,"27. Houston <span class=\"record\">(76-86)</span>","-0.77","black");
    jg.drawLine(304,965,320,965);
    printTeam(1010,"28. Kansas City <span class=\"record\">(67-95)</span>","-0.87","black");
    jg.drawLine(304,1018,320,1018);
    printTeam(1032,"29. Seattle <span class=\"record\">(61-101)</span>","-0.91","black");
    jg.drawLine(304,1040,320,1040);
    printTeam(1440,"30. Pittsburgh <span class=\"record\">(57-105)</span>","-1.70","black");
    jg.drawLine(304,1448,320,1448);
    jg.paint();

}

function printTeam(ylocation,teamname,value,color) {
    jg.setColor(color);
    jg.setFont("Ariel","14px",Font.PLAIN);
    jg.drawStringRect(teamname,20,ylocation,365,"left");
    jg.drawStringRect(value,200,ylocation,100,"right");
    jg.paint();
}

var jg_doc = new jsGraphics(); // draw directly into document
var jg = new jsGraphics("visualrank");

myDrawFunction();