window.onload = function() {
	var graph = Raphael("canvas", 520, 400);
	
	var interimDean = {stroke: "none", fill: "rgb(0,0,0)", "fill-opacity": 0.1}
	var olderDean = {stroke: "none", fill: "rgb(0,0,0)", "fill-opacity": 0.25}
	var oldDean = {stroke: "none", fill: "rgb(0,0,0)", "fill-opacity": 0.5}
	var newDean = {stroke: "none", fill: "rgb(150,25,35)", "fill-opacity": 0.85};
	
	var businessDean = {stroke: "none", fill: "rgb(100,100,30)"};
	
	var hashMark = {stroke: "rgb(0,0,0)", "stroke-width": 0.5 };
	var hashMarkText = {"font-family": "MuseoSans-500, 'Helvetica Neue', sans-serif", "font-size": "9px", fill: "rgb(22,22,22)", "text-anchor": "start"};
	
	var graphText = {"font-family": "MuseoSans-900, MuseoSans-700, 'HelveticaNeue-Bold', sans-serif", "text-transform": "uppercase", "font-size": 10, color: "rgb(0,0,0)", "stroke": "#eee", "stroke-width": "1.75", "stroke-opacity": 0.25, "baseline-shift": "super"};
	var newDeanText = {"text-anchor": "end"};
	
	var boxGradient = {type: "linear", dots: [{color: "#eee", opacity: 1.0}, {color: "#eee", opacity: 0}], vector: [0.65, 1, 1, 1]};
	
	var left = {"text-anchor": "start"};
	
	
	// sorry presidents.
	var president =
		graph.text(3, 50, "President").attr(graphText);
	var whalen = 
		graph.rect(-170, 30, 440, 20).attr(olderDean);
		graph.text(180, 50, "James J. Whalen*").attr(graphText);
	var williams = 
		graph.rect(270, 30, 220, 20).attr(oldDean);
		graph.text(380, 50, "Peggy R. Williams").attr(graphText);
	var rochon = 
		graph.rect(490, 30, 30, 20).attr(newDean);
		graph.text(510, 30, "Thomas R. Rochon").attr(graphText).attr(newDeanText);

	// business school
	var business =
		graph.text(3, 110, "Dean, Business").attr(graphText);
	var davidLong = 
		graph.rect(-10, 90, 260, 20).attr(businessDean).attr({"fill-opacity": 0.25});
		graph.text(175, 110, "David Long*").attr(graphText);
	var businessDeanInterim = 
		graph.rect(250, 90, 40, 20).attr(businessDean).attr({"fill-opacity": 0.1});
	var ullrich = 
		graph.rect(290, 90, 140, 20).attr(businessDean).attr({"fill-opacity": 0.5});
		graph.text(360, 110, "Robert Ullrich").attr(graphText);
	var engelkemeyer = 
		graph.rect(430, 90, 80, 20).attr(businessDean).attr({"fill-opacity": 0.75});
		graph.text(470, 110, "Engelkemeyer").attr(graphText);
	var businessDeanTK = 
		graph.rect(510, 90, 10, 20).attr(newDean);
		graph.text(510, 90, "?").attr(graphText).attr(newDeanText);
	
	
	// h&s
	var hs =
		graph.text(3, 170, "Dean, H&S").attr(graphText);
	var elrich = 
		graph.rect(90, 150, 400, 20).attr(oldDean);
		graph.text(290, 170, "Howard Elrich").attr(graphText);
	var lewis = 
		graph.rect(490, 150, 30, 20).attr(newDean);
		graph.text(510, 150, "Leslie W. Lewis").attr(graphText).attr(newDeanText);
	
	// hshp
	var hshp =
		graph.text(3, 230, "Dean, HSHP").attr(graphText);
	var hshpDeanActing = 
		graph.rect(90, 210, 40, 20).attr(interimDean);
	var miller = 
		graph.rect(130, 210, 220, 20).attr(olderDean);
		graph.text(240, 230, "Richard Miller").attr(graphText);
	var hshpDeanInterim = 
		graph.rect(350, 210, 20, 20).attr(interimDean);
	var siconolfi = 
		graph.rect(370, 210, 150, 20).attr(oldDean);
		graph.text(445, 230, "Steven F. Siconolfi").attr(graphText);
	
	// music
	var music =
		graph.text(3, 290, "Dean, Music").attr(graphText);
	var ostrander = 
		graph.rect(30, 270, 460, 20).attr(oldDean);
		graph.text(285, 290, "Arthur Ostrander*").attr(graphText);
	var woodward = 
		graph.rect(490, 270, 30, 20).attr(newDean);
		graph.text(510, 270, "Robert Ullrich").attr(graphText).attr(newDeanText);
	
	// park
	var park =
		graph.text(3, 350, "Dean, Park").attr(graphText);
	var bohn = 
		graph.rect(-50, 330, 460, 20).attr(olderDean);
		graph.text(250, 350, "Thomas W. Bohn*").attr(graphText);
	var lynch = 
		graph.rect(410, 330, 110, 20).attr(oldDean);
		graph.text(465, 350, "Dianne Lynch").attr(graphText);
	
	var yrrr = graph.text(85, 365, "School Year:").attr(hashMarkText);
	
	var yr1988 = 
		graph.path(hashMark, "M 90 30 L 90 365");
		graph.text(93, 365, "1988").attr(hashMarkText);
	
	var yr1990 = 
		graph.path(hashMark, "M 130 30 L 130 365");
		graph.text(133, 365, "1990").attr(hashMarkText);
	
	var yr1997 = 
		graph.path(hashMark, "M 270 30 L 270 365");
		graph.text(273, 365, "1997").attr(hashMarkText);
	
	var yr2005 = 
		graph.path(hashMark, "M 430 30 L 430 365");
		graph.text(433, 365, "2005").attr(hashMarkText);
	
	var yr2008 = 
		graph.path(hashMark, "M 490 30 L 490 365");
		graph.text(493, 365, "2008").attr(hashMarkText);
	
	var gradientBox =
		graph.rect(0, 0, 90, 400).attr({stroke: "none"}).attr({gradient: boxGradient});
		
	var notes = 
		graph.rect(3, 387, 10, 10).attr(interimDean).attr({stroke: 1.0, "stroke-color": "rgb(100,100,30)"});
		graph.text(20, 395, "Represents an acting or interim dean. Stars indicate a start before 1988.").attr(hashMarkText).attr({"font-size": 9});
		graph.text(517, 395, "Sources: The Ithacan, Ithaca College").attr(hashMarkText).attr({"text-anchor":"end","font-size": 9});
	
	president.attr(left).toFront();
	business.attr(left).toFront();
	hs.attr(left).toFront();
	hshp.attr(left).toFront();
	music.attr(left).toFront();
	park.attr(left).toFront();
	yrrr.attr({"text-anchor": "end"}).toFront();
	}