orbit-basic/app/views/desktop/index.html.erb

<div id="side">
	<div id="rwidget" class="wh3 thmc4">
		<ul class="docklist">
			<li><a href="desktop" class="widget_fn wh3 hh3" id='d_desktop' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="home_icon" width="30" height="30"/></span></a>
				<ul>
					<li><a href="app_manager" class="widget_fn wh3 hh3" id="d_app_manager" onclick="return false;"><span class="widget_icon"><img src="" alt="" id="app_manager_icon" width="30" height="30"/></span></a></li>
					<li><a href="sections" class="widget_fn wh3 hh3" id="d_sections" onclick="return false;"><span class="widget_icon"><img src="" alt="" id="sections_icon" width="30" height="30"/></span></a></li>
					<li><a href="settings" class="widget_fn wh3 hh3" id="d_settings" onclick="return false;"><span class="widget_icon"><img src="" alt="" id="settings_icon" width="30" height="30"/></span></a></li>
				</ul>
			</li>
			<li><a href="publication" class="widget_fn wh3 hh3" id='d_publication' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="publication_icon" width="30" height="30"/></span></a>
				<ul>
					<li><a href="journal_p" class="widget_fn wh3 hh3" id='d_journal_p' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="journal_p_icon" width="30" height="30"/></span></a></li>
					<li><a href="seminar_p" class="widget_fn wh3 hh3" id='d_seminar_p' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="seminar_p_icon" width="30" height="30"/></span></a></li>
					<li><a href="books" class="widget_fn wh3 hh3" id='d_books' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="books_icon" width="30" height="30"/></span></a></li>
				</ul>
			</li>
			<li><a href="research" class="widget_fn wh3 hh3" id='d_research' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="research_icon" width="30" height="30"/></span></a>
				<ul>
					<li><a href="research_d" class="widget_fn wh3 hh3" id='d_research_d' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="research_d_icon" width="30" height="30"/></span></a></li>
					<li><a href="research_p" class="widget_fn wh3 hh3" id='d_research_p' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="research_p_icon" width="30" height="30"/></span></a></li>
					<li><a href="patents" class="widget_fn wh3 hh3" id='d_patents' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="patents_icon" width="30" height="30"/></span></a></li>
					<li><a href="labs" class="widget_fn wh3 hh3" id='d_labs' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="labs_icon" width="30" height="30"/></span></a></li>
				</ul>
			</li>
			<li><a href="experience" class="widget_fn wh3 hh3" id='d_experience' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="experience_icon" width="30" height="30"/></span></a>
				<ul>
					<li><a href="working" class="widget_fn wh3 hh3" id='d_working' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="working_icon" width="30" height="30"/></span></a></li>
					<li><a href="education" class="widget_fn wh3 hh3" id='d_education' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="education_icon" width="30" height="30"/></span></a></li>
					<li><a href="honors" class="widget_fn wh3 hh3" id='d_honors' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="honors_icon" width="30" height="30"/></span></a></li>
					<li><a href="activities" class="widget_fn wh3 hh3" id='d_activities' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="activities_icon" width="30" height="30"/></span></a></li>
					<li><a href="clubs" class="widget_fn wh3 hh3" id='d_clubs' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="clubs_icon" width="30" height="30"/></span></a></li>
				</ul>
			</li>
			<li><a href="landt" class="widget_fn wh3 hh3" id='d_landt' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="landt_icon" width="30" height="30"/></span></a>
				<ul>
					<li><a href="courses" class="widget_fn wh3 hh3" id='d_courses' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="courses_icon" width="30" height="30"/></span></a></li>
					<li><a href="homework" class="widget_fn wh3 hh3" id='d_homework' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="homework_icon" width="30" height="30"/></span></a></li>
					<li><a href="certification" class="widget_fn wh3 hh3" id='d_certification' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="certification_icon" width="30" height="30"/></span></a></li>
				</ul>
			</li>
			<li><a href="personal" class="widget_fn wh3 hh3" id='d_personal' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="personal_icon" width="30" height="30"/></span></a>
				<ul>
					<li><a href="mypage" class="widget_fn wh3 hh3" id='d_mypage' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="mypage_icon" width="30" height="30"/></span></a></li>
					<li><a href="blog" class="widget_fn wh3 hh3" id='d_blog' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="blog_icon" width="30" height="30"/></span></a></li>
					<li><a href="album" class="widget_fn wh3 hh3" id='d_album' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="album_icon" width="30" height="30"/></span></a></li>
					<li><a href="calendar" class="widget_fn wh3 hh3" id='d_calendar' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="calendar_icon" width="30" height="30"/></span></a></li>
					<li><a href="files" class="widget_fn wh3 hh3" id='d_files' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="files_icon" width="30" height="30"/></span></a></li>
				</ul>
			</li>
			<li><a href="orbit" class="widget_fn wh3 hh3" id='d_orbit' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="orbit_icon" width="30" height="30"/></span></a>
				<ul>
					<li><a href="connection" class="widget_fn wh3 hh3" id='d_connection' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="connection_icon" width="30" height="30"/></span></a></li>
				</ul>
			</li>
			<li><a href="appstore" class="widget_fn wh3 hh3" id='d_appstore' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="appstore_icon" width="30" height="30"/></span></a></li>
		</ul>
	</div>
</div>
<div id="container">
<div id='ajax_container'>
 
	
</div>
</div>
<!--<div id="orbitbar"></div>-->
Change Theme: <select id="change_theme">
<option value='default'>Default Theme</option>
<option value='Snake'>Snake Theme</option>
<option value='sexy'>Sexy Theme</option>
<option value='vintage'>Vintage Theme</option>
<option value='chris'>Chris Theme</option>
</select>
<img src="" id="thmbackground" />
<div id="bgover" ></div>
<div id="orbitnote" style="display:none;">
	<div class="note_holder">
		<div class="note_type"><img id='note_img' alt=""/></div>
		<div class="note_message">Check the Notifications section for more information.</div>
	</div>
</div>
<button onClick="od.tempFunc();">Click</button>