var sc = null;
var lineProps = {width: 1, color: '#b0b0b0'};
var testProps = {width: 1, color: '#e8e8e8'};




$(window).bind('load', function(){
	sc = new SimpleCanvas('obj_canvas');

	// sc.drawCurve({x: 80, y: 146}, {x: '59%', y: 135}, {x: '27%', y: 93}, {x: '48%', y: 107}, lineProps);
	// 	
	// 	sc.drawCurve({x: '59% + 27', y: 120}, {x: '79% - 35', y: 76}, {x: '60% + 27', y: 98}, {x: '73% - 35', y: 77}, lineProps);
	// 	new ArrowHead({x: '79% - 35', y: 76}, {x: '76% - 38', y: 74}, sc);
	// 
	// 	sc.drawCurve({x: '79% + 25', y: 82}, {x: '91% - 23', y: 116}, {x: '81% + 25', y: 84}, {x: '91% - 23', y: 103}, lineProps);
	// 	new ArrowHead({x: '91% - 23', y: 116}, {x: '90.8% - 23', y: 124}, sc);
	// 
	// 	sc.drawCurve({x: '91% - 23', y: 153}, {x: '77% + 26', y: 190}, {x: '90.5% - 23', y: 175}, {x: '79% + 26', y: 189}, lineProps);
	// 	new ArrowHead({x: '77% + 26', y: 190}, {x: '79% + 26', y: 193}, sc);
	// 
	// 	sc.drawCurve({x: '77% - 33', y: 190}, {x: '59% + 27', y: 154}, {x: '72% - 35', y: 190}, {x: '59% + 27', y: 166}, lineProps);
	//new ArrowHead({x: '59% + 27', y: 154}, {x: '61% + 27', y: 107}, sc);
	
	/*sc.drawCurve({x: '76% + 5', y: 238}, {x: '59% + 28', y: 443}, {x: '78% + 5', y: 268}, {x: '65% + 80', y: 390}, lineProps);*/
	/*sc.drawCurve({x: '73% - 2', y: 375}, {x: '59% + 28', y: 445}, {x: '73% - 2', y: 390}, {x: '62% + 28', y: 443}, testProps);
	sc.drawCurve({x: '74% + 16', y: 330}, {x: '76% + 10', y: 250}, {x: '74% + 30', y: 315}, {x: '77% + 10', y: 250}, lineProps);*/
	// sc.drawCurve({x: '74%', y: 330}, {x: '76% + 10', y: 250}, {x: '76%', y: 310}, {x: '76% + 10', y: 265}, lineProps);
	// sc.drawCurve({x: '72% - 3', y: 375}, {x: '59% + 28', y: 448}, {x: '72% - 6', y: 395}, {x: '62% + 25', y: 440}, testProps);
	
	
	
	sc.drawLine ({x: '12% - 19', y: 510}, {x: '50% - 106', y: 510}, testProps);
	sc.drawLine ({x: '50% + 148', y: 653}, {x: '73.5% - 4', y: 671}, testProps);
	sc.drawLine ({x: '50% + 119', y: 339}, {x: '73.5% - 4', y: 250}, testProps);
	/*new ArrowHead({x: '59% + 2', y: 280}, {x: '59% + 2', y: 230}, sc);*/
	
	/*sc.drawCurve({x: '53% + 15', y: 452}, {x: '59% - 55', y: 220}, {x: '46%', y: 452}, {x: '47% - 30', y: 330}, lineProps);
	new ArrowHead({x: '59% - 55', y: 220}, {x: '56% - 55', y: 180}, sc);*/
	

	if($.browser.msie){
		sc.repaint();
	}

	//ArrowHead.redraw();

	$('#obj_canvas').css('zoom', 1);

	$(window).bind('resize', function(){
		sc.repaint();
		//ArrowHead.redraw();
	});
});