<div class="s_tab stb_h">
	<ul>
		<li><a href="#st1" class="hh1 hp thmc2 thmtxt" data-active="true">Themes</a></li>
		<li><a href="#st2" class="hh1 hp admtxt admbg">Theme Color</a></li>
		<li><a href="#st3" class="hh1 hp admtxt admbg">Wallpaper</a></li>
		<li><a href="#st4" class="hh1 hp admtxt admbg">Upload Wallpaper</a></li>
	</ul>
</div>

		<div class="overview tab_holder" content-layout="simple">
			<div id="st1" class="st_c" style="display:block;">
				<div class="theme_list ssl">
					<% @themes.each do |theme| %>
						<div id="<%= theme.id %>" class="ssl_item"><div class="theme_thumb"><img src="<%= theme.images.where(:name=>theme.background).first.file.thumb.url %>" alt="" width="120" height="96"></div><span class="theme_name ssl_des"><%= theme.name %></span></div>
						<% end %>
				</div>
			</div>
		
		
			<div id="st2" class="st_c">
				<div class="s_title hh2">Preview</div>
				<div class="theme_preview vp thmbgc" style="background-color: #000;" id="theme_preview_area">
					<div class="thmtxth hh1 hp" style="margin-left:108px;">Theme Text1</div>
					<div class="theme_plate">
						<div class="thmc4 h1 wh2"></div>
						<div class="thmc1 h1 w1"><div class="thmtxt hp">Theme Text2</div></div>
						<div class="g_sep h1 op07"></div>
						<div class="thmc2 h1 w1"><div class="thmtxt hp">Theme Text</div></div>
					</div>
				</div>
				<div>
					<table id="color_input" cellpadding="0" cellspacing="0" border="0" width="528" >
						<tr>
							<th class="s_title size_small hh2" width="190px">Theme Color</th>
							<th class="s_title size_small hh2">Line Color</th>
							<th class="s_title size_small hh2" width="120px">Text Color</th>
							<th class="s_title size_small hh2" width="120px">Background Color</th>
						</tr>
						<tr>
							<td>
								<input type="hidden" class="color-picker black" value="" for="thmc4">
								<input type="hidden" class="color-picker black" value="" for="thmc1">
								<input type="hidden" class="color-picker black" value="" for="thmc2">
							</td>
							<td>
								<input type="hidden" class="color-picker black" value="" for="g_sep">
							</td>
							<td>
								<input type="hidden" class="color-picker black" value="" for="thmtxth">
								<input type="hidden" class="color-picker black" value="" for="thmtxt">
							</td>
							<td>
								<input type="hidden" class="color-picker black" value="" for="background">
							</td>
						</tr>
					</table>
					<div class="s_action">
						<a href="" id="theme_submit" class="setting_btn thmc1 thmtxt w1 hh1 hp" onclick="return false;">Confirm</a>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div id="st3" class="st_c">
				<div class="stock_wallpaper ssl">
					<% @wallpapers.each do |wallpaper| %>
						<% if wallpaper.type == "file" %>
							<div class="sb1 ssl_item"><img src="<%= wallpaper.file.thumb %>" data-type="<%= wallpaper.type %>" data-link="<%= wallpaper.file %>"></div>
						<% elsif wallpaper.type == "url" %>
							<div class="sb1 ssl_item"><img src="<%= wallpaper.link %>" data-type="<%= wallpaper.type %>" data-link="<%= wallpaper.link %>"></div>
						<% end %>
					<% end %>				
				</div>
				<!-- <div class="s_action">
					<div href="" class="setting_btn thmc1 thmtxt w1 hh1 hp" onclick="o.tempFunc();return false;">Confirm</a> 
					</div> -->
				<div class="clear"></div>
			</div>
			<div id="st4" class="st_c">
				<form action="<%= desktop_wallpaper_upload_path %>" method="post" form-type="ajax_form" notification="Wallpaper uploaded successfully!!!">
					<label>Image Link</label><input type="text" name="imagelink" />
					Or
					<label>Upload from computer</label><input type="file" name="imagefile" />
					<input type="submit" class="fn_btn ini_input hp hh1 thmc2 thmtxt" value="Save" />
					<input type="reset" class="fn_btn ini_input hp hh1 thmc2 thmtxt" value="Clear" />
				</form>
			</div>

		</div>
