<div class="ag_osc">
	<img src="%img%/osc.jpg" width="800" height="449" draggable="false" />
	<div class="stepwheel small horz_offset"><img class="active top" src="%img%/osc_wheel_small_1.png" alt="stepwheel" /><img class="top" src="%img%/osc_wheel_small_2.png" alt="stepwheel" /></div>
	<div class="stepwheel small offset_ch1"><img class="active top" src="%img%/osc_wheel_small_1.png" alt="stepwheel" /><img class="top" src="%img%/osc_wheel_small_2.png" alt="stepwheel" /></div>
	<div class="stepwheel small offset_ch2"><img class="active top" src="%img%/osc_wheel_small_1.png" alt="stepwheel" /><img class="top" src="%img%/osc_wheel_small_2.png" alt="stepwheel" /></div>
	<div class="stepwheel small offset_trg"><img class="active top" src="%img%/osc_wheel_small_1.png" alt="stepwheel" /><img class="top" src="%img%/osc_wheel_small_2.png" alt="stepwheel" /></div>
	<div class="stepwheel small selection_knob"><img class="active top" src="%img%/osc_wheel_small_1.png" alt="stepwheel" /><img class="top" src="%img%/osc_wheel_small_2.png" alt="stepwheel" /></div>
	<div class="stepwheel large horz"><img class="active top" src="%img%/osc_wheel_big_1.png" alt="stepwheel" /><img class="top" src="%img%/osc_wheel_big_2.png" alt="stepwheel" /></div>
	<div class="stepwheel large vert_ch1"><img class="active top" src="%img%/osc_wheel_big_1.png" alt="stepwheel" /><img class="top" src="%img%/osc_wheel_big_2.png" alt="stepwheel" /></div>
	<div class="stepwheel large vert_ch2"><img class="active top" src="%img%/osc_wheel_big_1.png" alt="stepwheel" /><img class="top" src="%img%/osc_wheel_big_2.png" alt="stepwheel" /></div>
	<div class="display_buttons">
		<div class="button display_button_1"><img class="up active" src="%img%/osc_button_display_1.png" alt="display button" /><img class="down" src="%img%/osc_button_display_2.png" alt="display button" /></div>
		<div class="button display_button_2"><img class="up active" src="%img%/osc_button_display_1.png" alt="display button" /><img class="down" src="%img%/osc_button_display_2.png" alt="display button" /></div>
		<div class="button display_button_3"><img class="up active" src="%img%/osc_button_display_1.png" alt="display button" /><img class="down" src="%img%/osc_button_display_2.png" alt="display button" /></div>
		<div class="button display_button_4"><img class="up active" src="%img%/osc_button_display_1.png" alt="display button" /><img class="down" src="%img%/osc_button_display_2.png" alt="display button" /></div>
		<div class="button display_button_5"><img class="up active" src="%img%/osc_button_display_1.png" alt="display button" /><img class="down" src="%img%/osc_button_display_2.png" alt="display button" /></div>
		<div class="button display_button_6"><img class="up active" src="%img%/osc_button_display_1.png" alt="display button" /><img class="down" src="%img%/osc_button_display_2.png" alt="display button" /></div>
	</div>
	<div class="button modecoupling">
		<img class="up active" src="%img%/osc_button_mode_coupling_up.png" alt="mode coupling" /><img class="down" src="%img%/osc_button_mode_coupling_down.png" alt="mode coupling" />
	</div>
	<div class="button saverecall">
		<img class="up active" src="%img%/osc_save_recall_up.png" alt="save / recall" /><img class="down" src="%img%/osc_save_recall_down.png" alt="save / recall" />
	</div>
	<div class="button multibutton channel_1">
		<div class="state dark visible">
			<img class="up active" src="%img%/osc_vert_off_up_enable_1.png" alt="display button" /><img class="down" src="%img%/osc_vert_off_down_enable_1.png" alt="display button" />
		</div>
		<div class="state light">
			<img class="up active" src="%img%/osc_vert_on_up_enable_1.png" alt="display button" /><img class="down" src="%img%/osc_vert_on_down_enable_1.png" alt="display button" />
		</div>
	</div>
	<div class="button multibutton channel_2">
		<div class="state dark visible">
			<img class="up active" src="%img%/osc_vert_off_up_enable_2.png" alt="display button" /><img class="down" src="%img%/osc_vert_off_down_enable_2.png" alt="display button" />
		</div><div class="state light">
			<img class="up active" src="%img%/osc_vert_on_up_enable_2.png" alt="display button" /><img class="down" src="%img%/osc_vert_on_down_enable_2.png" alt="display button" />
		</div>
	</div>
	<div class="button multibutton math">
		<div class="state dark visible">
			<img class="up active" src="%img%/osc_math_off_up.png" alt="math button" /><img class="down" src="%img%/osc_math_off_down.png" alt="math button" />
		</div><div class="state light">
			<img class="up active" src="%img%/osc_math_on_up.png" alt="math button" /><img class="down" src="%img%/osc_math_on_down.png" alt="math button" />
		</div>
	</div>
	<div class="button multibutton edge">
		<div class="state dark visible">
			<img class="up active" src="%img%/osc_trig_off_up_edge.png" alt="edge button" /><img class="down" src="%img%/osc_trig_off_down_edge.png" alt="edge button" />
		</div>
		<div class="state light">
			<img class="up active" src="%img%/osc_trig_on_up_edge.png" alt="edge button" /><img class="down" src="%img%/osc_trig_on_down_edge.png" alt="edge button" />
		</div>
	</div>
	<div class="button multibutton single">
		<div class="state dark visible">
			<img class="up active" src="%img%/single_grey_up.png" alt="single button" /><img class="down" src="%img%/single_grey_down.png" alt="single button" />
		</div>
		<div class="state light">
			<img class="up active" src="%img%/single_yellow_up.png" alt="single button" /><img class="down" src="%img%/single_yellow_down.png" alt="single button" />
		</div>
	</div>
	<div class="button multibutton runstop">
		<div class="state dark visible">
			<img class="up active" src="%img%/runstop_grey_up.png" alt="run/stop button" /><img class="down" src="%img%/runstop_grey_down.png" alt="run/stop button" />
		</div>
		<div class="state green">
			<img class="up active" src="%img%/runstop_green_up.png" alt="run/stop button" /><img class="down" src="%img%/runstop_green_down.png" alt="run/stop button" />
		</div>
		<div class="state red">
			<img class="up active" src="%img%/runstop_red_up.png" alt="run/stop button" /><img class="down" src="%img%/runstop_red_down.png" alt="run/stop button" />
		</div>
	</div>
	<div class="button multibutton cursors">
		<div class="state dark visible">
			<img class="up active" src="%img%/osc_meas_off_up_cursors.png" alt="edge button" /><img class="down" src="%img%/osc_meas_off_down_cursors.png" alt="edge button" />
		</div>
		<div class="state light">
			<img class="up active" src="%img%/osc_meas_on_up_cursors.png" alt="edge button" /><img class="down" src="%img%/osc_meas_on_down_cursors.png" alt="edge button" />
		</div>
	</div>
	<div class="button multibutton measure">
		<div class="state dark visible">
			<img class="up active" src="%img%/osc_meas_off_up_quick_meas.png" alt="edge button" /><img class="down" src="%img%/osc_meas_off_down_quick_meas.png" alt="edge button" />
		</div>
		<div class="state light">
			<img class="up active" src="%img%/osc_meas_on_up_quick_meas.png" alt="edge button" /><img class="down" src="%img%/osc_meas_on_down_quick_meas.png" alt="edge button" />
		</div>
	</div>
	<div class="display">
		<div class="background">
			<div class="topbar">
				<div class="channel ch1"><span class="channelname">1</span><span class="lighttext voltage_ch1"><span class="value">1.00</span><div class="unitstring"></div>/</span></div>
				<div class="channel ch2"><span class="channelname">2</span><span class="lighttext voltage_ch2"><span class="value">1.00</span><div class="unitstring"></div>/</span></div>
				<div class="timedelay_arrow">
					<img class="arrow" src="%img%/delay_arrow.png" alt="delay arrow" />
				</div>
				<div class="timedelay">					
					<!--span class="lighttext">0.00s</span-->
					<span class="lighttext trig_delay"><span class="value">0.00</span><div class="unitstring"></div>&nbsp;</span>
				</div>
				<div class="timescale"><span class="lighttext timediv"><span class="value">500us</span><div class="unitstring"></div>/</span></div>
				<div class="trigtype"><span class="lighttext triggermode">Level</span></div>
				<div class="triggerslope">
					<img class="flank positive selected" src="%img%/osc_trig_edge_up_small.png" alt="trigger flank" /><img class="flank negative" src="%img%/osc_trig_edge_down_small.png" alt="trigger flank" />
				</div>
				<div class="triggersource">
					<span class="channelname">1</span>
				</div>
				<div class="triglevel"><span class="lighttext"><span class="value">0.00</span><div class="unitstring"></div></span></div>
			</div>
			<div class="vertical">
				<div class="group offset_group_ch1 visible">
					<div class="ch_offset normal visible"><span class="offsetchannel">1</span><img class="offsetarrow" src="%img%/offset_arrow.png" alt="offset arrow" /></div>
					<div class="ch_offset overflow_up"><span class="offsetchannel overflow_up">1</span><img class="offsetarrow" src="%img%/offset_arrow_up.png" alt="offset arrow" /></div>
					<div class="ch_offset overflow_down"><span class="offsetchannel overflow_down">1</span><img class="offsetarrow" src="%img%/offset_arrow_down.png" alt="offset arrow" /></div>
				</div>
				<div class="group offset_group_ch2 visible">
					<div class="ch_offset normal visible"><span class="offsetchannel">2</span><img class="offsetarrow" src="%img%/offset_arrow.png" alt="offset arrow" /></div>
					<div class="ch_offset overflow_up"><span class="offsetchannel overflow_up">2</span><img class="offsetarrow" src="%img%/offset_arrow_up.png" alt="offset arrow" /></div>
					<div class="ch_offset overflow_down"><span class="offsetchannel overflow_down">2</span><img class="offsetarrow" src="%img%/offset_arrow_down.png" alt="offset arrow" /></div>
				</div>
				<div class="group trigger_group visible">
					<div class="ch_offset normal visible"><img class="offsetarrow" src="%img%/osc_trig_marker_norm.png" alt="trigger arrow" /></div>
					<div class="ch_offset overflow_up"><img class="offsetarrow" src="%img%/osc_trig_marker_up.png" alt="trigger arrow" /></div>
					<div class="ch_offset overflow_down"><img class="offsetarrow" src="%img%/osc_trig_marker_down.png" alt="trigger arrow" /></div>
				</div>
			</div>
			<div class="graph">
				<canvas class="grid" width="330" height="208"></canvas>
				<canvas class="plot" width="330" height="208"></canvas>
				<canvas class="cursors" width="330" height="208"></canvas>
			</div>
			<div class="timedelay_markers">
				<div class="default"><img class="trig_delay_marker_default" src="%img%/trig_delay_marker_default.png" alt="trigger delay marker default" /></div>
				<div class="marker"><img class="trig_delay_marker" src="%img%/trig_delay_marker.png" alt="trigger delay marker" /></div>
			</div>
			<div class="infobar">
				<div class="measurements">
					<div class="box box1">Some text 1</div>
					<div class="box box2">Some text 2</div>
					<div class="box box3">Some text 3</div>
				</div>
			</div>
			<div class="menubar">
				<div class="menutitle"><span class="titlebox">Channel 1 Menu</span></div>

				<!-- menu_channel_1 -->
				<div class="menu menu_channel_1">
					<div class="menubox">
						<!--div class="menubox_icon arrowup" /-->
						<span class="title"><img class="menuicon" src="%img%/menu_arrow_up.png" alt="arrow"/>Coupling</span>
						<span class="value coupling">DC</span>
					</div>
					<div class="menu_selection sel_ch_1">
						<div class="title">Coupling</div>
						<hr />
						<div class="selection sel_dc selected"><div class="checkmark_holder"><div class="checkmark" /></div><span>DC</span></div>
						<div class="selection sel_ac"><div class="checkmark_holder"><div class="checkmark" /></div><span>AC</span></div>
					</div>
					<div class="menubox">
						<span class="title">Invert</span>
						<div class="invert checkbox" />
					</div>
				</div>

				<!-- menu_channel_2 -->
				<div class="menu menu_channel_2">
					<div class="menubox">
						<!--div class="menubox_icon arrowup" /-->
						<span class="title"><img class="menuicon" src="%img%/menu_arrow_up.png" alt="arrow"/>Coupling</span>
						<span class="value coupling">DC</span>
					</div>
					<div class="menu_selection sel_ch_2">
						<div class="title">Coupling</div>
						<hr />
						<div class="selection sel_dc selected"><div class="checkmark_holder"><div class="checkmark" /></div><span>DC</span></div>
						<div class="selection sel_ac"><div class="checkmark_holder"><div class="checkmark" /></div><span>AC</span></div>
					</div>
					<div class="menubox">
						<span class="title">Invert</span>
						<div class="invert checkbox" />
					</div>
				</div>

				<!-- menu_edge -->
				<div class="menu menu_edge">
					<div class="menubox">
						<div class="edgeselect selected positive"><img src="%img%/osc_trig_edge_up_large.png" alt="edge up" /><div class="checkmark_holder"><div class="checkmark" /></div></div>
						<div class="edgeselect negative"><img src="%img%/osc_trig_edge_down_large.png" alt="edge up" /><div class="checkmark_holder"><div class="checkmark" /></div></div>
					</div>
					<div class="menubox">
						<div class="title bigfont">1</div>
						<div class="value"><div class="checkmark selected ch1"></div></div>
					</div>
					<div class="menubox">
						<div class="title bigfont">2</div>
						<div class="value"><div class="checkmark ch2"></div></div>
					</div>
				</div>

				<!-- mode coupling menu -->
				<div class="menu menu_modecoupling">
					<div class="menubox">
						<!--div class="menubox_icon arrowup" /-->
						<span class="title"><img class="menuicon" src="%img%/menu_arrow_up.png" alt="arrow"/>Mode</span>
						<span class="value mode">Auto Level</span>
					</div>
					<div class="menubox">
						<!--div class="menubox_icon arrowup" /-->
						<span class="title"><img class="menuicon" src="%img%/menu_arrow_up.png" alt="arrow"/>Coupling</span>
						<span class="value coupling">DC</span>
					</div>
					<div class="menu_selection sel_trigger_mode">
						<div class="title">Mode</div>
						<hr />
						<div class="selection sel_autolevel selected"><div class="checkmark_holder"><div class="checkmark" /></div><span>Auto Level</span></div>
						<div class="selection sel_auto"><div class="checkmark_holder"><div class="checkmark" /></div><span>Auto</span></div>
						<div class="selection sel_normal"><div class="checkmark_holder"><div class="checkmark" /></div><span>Normal</span></div>
					</div>
					<div class="menu_selection pos2 sel_trigger_coupling">
						<div class="title">Coupling</div>
						<hr />
						<div class="selection sel_dc selected"><div class="checkmark_holder"><div class="checkmark" /></div><span>DC</span></div>
						<div class="selection sel_ac"><div class="checkmark_holder"><div class="checkmark" /></div><span>AC</span></div>
					</div>
				</div>

				<!-- menu_measure -->
				<div class="menu menu_measure">
					<div class="menubox">
						<div class="title"><img class="menuicon" src="%img%/menu_arrow_up.png" alt="arrow"/>Source</div>
						<div class="value source">1</div>
					</div>
					<div class="menubox">
						<div class="title"><img class="menuicon" src="%img%/menu_arrow_spin.png" alt="arrow"/>Select:</div>
						<div class="value selection">X</div>
					</div>
					<div class="menubox">
						<div class="title">Measure</div>
						<div class="value measure">X</div>
					</div>
					<div class="menubox">
						<div class="title">Clear</div>
						<div class="value clear">Measure</div>
					</div>
					
					<div class="menu_selection sel_meas_source">
						<div class="title">Source</div>
						<hr />
						<div class="selection sel_1 selected"><div class="checkmark_holder"><div class="checkmark" /></div><span>1</span></div>
						<div class="selection sel_2"><div class="checkmark_holder"><div class="checkmark" /></div><span>2</span></div>
					</div>
					
					<div class="menu_selection pos2 sel_meas_selection" style="width: 100px">
						<div class="title">Select Measurement</div>
						<hr />
					</div>
				</div>

				<!-- menu_math -->
				<div class="menu menu_math">
					<div class="menubox">
						<div class="title">Settings</div>
					</div>
					<div class="menubox">
						<div class="title disabled">FFT</div>
					</div>
					<div class="menubox">
						<div class="title">1 * 2</div>
						<div class="value mul">
							<div class="checkmark_holder"><div class="checkmark mul" /></div>
						</div>
					</div>
					<div class="menubox">
						<div class="title">1 - 2</div>
						<div class="value sub">
							<div class="checkmark_holder"><div class="checkmark sub" /></div>
						</div>
					</div>
					<div class="menubox">
						<div class="title disabled">dV/dt</div>
						<div class="value derive">
							<div class="checkmark_holder"><div class="checkmark derive" /></div>
						</div>

					</div>
					<div class="menubox">
						<div class="title disabled">&#x222b;Vdt</div>
						<div class="value integrate">
							<div class="checkmark_holder"><div class="checkmark integrate" /></div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
	<div class="manual_link"><a href="http://cp.literature.agilent.com/litweb/pdf/54622-97036.pdf" target="_blank">Download Manual</a></div>
</div>
