var w_height = 0, w_width = 0, d_height = 0, d_width = 0
	var colors = []

	$(function(){
	
		/* === BACKGROUND GRAPHICS === */
		
		w_height = $(window).height(); w_width = $(window).width()
		d_height = $(document).height(); d_width = $(document).width()
		var canvas = Raphael("canvas", w_width, d_height)
		$("#canvas").css('width','100%')
		colors = [
			"#CD5C5C","#F08080","#FA8072","#E9967A","#FFA07A","#DC143C","#FF0000","#B22222",
			"#8B0000","#FFC0CB","#FFB6C1","#FF69B4","#FF1493","#C71585","#DB7093","#FFA07A",
			"#FF7F50","#FF6347","#FF4500","#FF8C00","#FFA500","#FFD700","#6A5ACD","#483D8B",
			"#7B68EE","#ADFF2F","#7FFF00","#7CFC00","#00FF00","#32CD32","#90EE90","#00FA9A",
			"#00FF7F","#3CB371","#2E8B57","#228B22","#008000","#006400","#9ACD32","#6B8E23",
			"#808000","#556B2F","#66CDAA","#8FBC8F","#008B8B","#008080","#00FFFF","#00FFFF",
			"#7FFFD4","#40E0D0","#48D1CC","#00CED1","#5F9EA0","#4682B4","#B0C4DE","#B0E0E6",
			"#ADD8E6","#87CEEB","#87CEFA","#00BFFF","#1E90FF","#6495ED","#7B68EE","#4169E1",
			"#0000FF","#0000CD","#00008B","#000080","#191970" ]
			
		colors.sort(function(){ return 0.5 - Math.random() }) // randomize!!!
		$("body").css("background",colors[5])
		var stripes = []
		draw() // paint the canvas!
		
		function draw() {
			for(i = 0; i < 25; i++) {
				var x = i*100
				var attributes = { stroke:colors[i],"stroke-width":"25px" }
				var stripe = canvas.path(attributes).moveTo(w_width,d_height).curveTo(x+100,0,0,0,0,0)
				var revers = canvas.path(attributes).moveTo(w_width,d_height).curveTo((x-x*2)-100,0,0,0,0,0)
				stripes.push(stripe); stripes.push(revers)
			}
		}
	
	})