var sc, sc2 = null;
var lineProps = {width: 1, color: '#acacac'};
var testProps = {width: 1, color: '#707070'};
if($.browser.msie){
	var testProps = {width: 1, color: '#505050'};
}

$(window).bind('load', function(){
	sc = new SimpleCanvas('obj_canvas');
	sc2 = new SimpleCanvas('obj_canvas_2');

	sc.drawLine ({x: '523px - 0', y: 0}, {x: '35px - 0', y: 0}, lineProps);

	sc.drawLine ({x: '5px - 0', y: 50}, {x: '35px - 0', y: 0}, testProps);
 	sc.drawLine ({x: '15px - 0', y: 50}, {x: '45px - 0', y: 0}, testProps);
 	sc.drawLine ({x: '75px - 0', y: 50}, {x: '105px - 0', y: 0}, testProps);
 	sc.drawLine ({x: '85px - 0', y: 50}, {x: '115px - 0', y: 0}, testProps);
 	sc.drawLine ({x: '108px - 0', y: 50}, {x: '138px - 0', y: 0}, testProps);

	sc.drawLine ({x: '145px - 0', y: 50}, {x: '175px - 0', y: 0}, testProps);
	sc.drawLine ({x: '155px - 0', y: 50}, {x: '185px - 0', y: 0}, testProps);
	sc.drawLine ({x: '210px - 0', y: 50}, {x: '240px - 0', y: 0}, testProps);
	sc.drawLine ({x: '220px - 0', y: 50}, {x: '250px - 0', y: 0}, testProps);
	sc.drawLine ({x: '243px - 0', y: 50}, {x: '273px - 0', y: 0}, testProps);

	sc.drawLine ({x: '280px - 0', y: 50}, {x: '310px - 0', y: 0}, testProps);
	sc.drawLine ({x: '290px - 0', y: 50}, {x: '320px - 0', y: 0}, testProps);
	sc.drawLine ({x: '349px - 0', y: 50}, {x: '379px - 0', y: 0}, testProps);
	sc.drawLine ({x: '359px - 0', y: 50}, {x: '389px - 0', y: 0}, testProps);
	sc.drawLine ({x: '388px - 0', y: 50}, {x: '418px - 0', y: 0}, testProps);

	sc.drawLine ({x: '418px - 0', y: 50}, {x: '448px - 0', y: 0}, testProps);
	sc.drawLine ({x: '428px - 0', y: 50}, {x: '458px - 0', y: 0}, testProps);
	sc.drawLine ({x: '487px - 0', y: 50}, {x: '517px - 0', y: 0}, testProps);
	sc.drawLine ({x: '495px - 0', y: 50}, {x: '525px - 0', y: 0}, testProps);

	sc2.drawLine ({x: '540px + ' + $('div.caption_05 > h2 > a').eq(0).width(), y: 50}, {x: '530px - 0', y: 50}, lineProps);
	sc2.drawLine ({x: '530px - 0', y: 50}, {x: '520px - 0', y: 0}, testProps);
	sc2.drawLine ({x: '540px - 0', y: 50}, {x: '550px - 0', y: 0}, testProps);


	sc.repaint();
	sc2.repaint();

	$('#obj_canvas').css('zoom', 1);

	$(window).bind('resize', function(){
		sc.repaint();
		sc2.repaint();
	});
});
