<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ include file="../includes/include.jsp" %>

<body>
	<table>
		<tr>
		   <td>
			 <div id="panes">
				 <div>
				 	<table cellpadding="0" cellspacing="0">
				 		<tr>
				 			<td style="color:#FF9300" class="tab-header">
			     				 ¿Conoce un nuevo género? 
			     			</td>
				 		</tr>
				 		<tr>
				 			<td colspan="2">
				 			
				 			</td>
				 			<td class="create-btn" onclick="location.href='${ctx}/genres/create'">
				 				
				 			</td>
				 			<td class="explore-btn" onclick="location.href='${ctx}/genres/view'">
				 				
				 			</td>
				 		</tr>
				 	</table>
				 </div>
			     <div>
			     	<table>
			     		<tr>
			     			<td style="color:#58ACFA" class="tab-header">
			     				 ¿No encuentra a su artista? 
			     			</td>
			     		</tr>
			     		<tr>
				 			<td colspan="2">
				 			
				 			</td>
				 			<td class="create-btn" onclick="location.href='${ctx}/artists/create'">
				 				
				 			</td>
				 			<td class="explore-btn" onclick="location.href='${ctx}/artists/view'">
				 				
				 			</td>
				 		</tr>
			     	</table>
			     </div>
				 <div>
				 	<table>
			     		<tr>
			     			<td style="color:#58ACFA" class="tab-header">
			     				 Comparta su colección de Álbumes
			     			</td>
			     		</tr>
			     		<tr>
				 			<td colspan="2">
				 			
				 			</td>
				 			<td class="create-btn" onclick="location.href='${ctx}/artists/create'">
				 				
				 			</td>
				 			<td class="explore-btn" onclick="location.href='${ctx}/artists/view'">
				 				
				 			</td>
				 		</tr>
			     	</table>
				 </div>
				 <div>Eventos</div>
			  </div>
			  <div id="nav">
				 <ul>
				   <li><a href="#">Géneros</a><img class="tab-image" src=images/genres.png /></li>
				   <li><a href="#">Artistas</a><img class="tab-image" src=images/artists.png /></li>
				   <li><a href="#">Álbumes</a><img class="tab-image" src=images/albums.png /></li>
				   <li><a href="#">Eventos</a><img class="tab-image" src=images/events.png /></li>
				</ul>
			  </div>
			</td>
			<td>
				<table>
					<tr>
						<td>
							<img style="margin-bottom:28px;margin-left:25px" src="images/artgasmator-radio.png"></img>
						</td>
					</tr>
					<tr>
						<td>
							<div id="music-player"></div> 
						</td>
					</tr>
				</table>
			</td>
		 </tr>
		 <tr>
		 	<td colspan="2">
		 		<div class="latest-albums-header">
		 			<table>
		 				<tr>
		 					<td>
		 						<div class="latest-albums-header-text">
		 							Últimos álbumes
		 						</div>
		 					</td>
		 				</tr>
		 			</table>
		 		</div>
		 	</td>
		 </tr>
		 <tr>
		 	<td colspan="2">
		 		<a class="browse prev"></a>
		 		<div id="scroller" class="scrollable">
		 			 <div class="items">
   
				      
				      <div>
				         <img src="http://2.bp.blogspot.com/_JM9zAs7y-Ew/TFMhCO2BKiI/AAAAAAAABjk/ZjC7hN0Qxf0/s400/Mastodon_Oblivion_Single_Cover-Caratula_Crack-The-Skye_%282009%29_001.jpg" />
				         <img src="http://mimusicaenlinea.com/wp-content/uploads/2011/02/mastodon.jpg" />
				         <img src="http://4.bp.blogspot.com/_keXvREQLOLQ/TPwjveSAvmI/AAAAAAAAADw/iHQYlHbmQ0Q/s1600/Ill_Nino-Confession-Frontal.jpg" />
				         <img src="http://www.reviewbusters.net/images/music/sevendust_hope_and_sorrow_cover.jpg" />
				         <img src="http://metalnallen.files.wordpress.com/2009/11/538266.jpg" />
				      	 <img src="http://2.bp.blogspot.com/_JM9zAs7y-Ew/TFMhCO2BKiI/AAAAAAAABjk/ZjC7hN0Qxf0/s400/Mastodon_Oblivion_Single_Cover-Caratula_Crack-The-Skye_%282009%29_001.jpg" />
				         <img src="http://mimusicaenlinea.com/wp-content/uploads/2011/02/mastodon.jpg" />
				         <img src="http://4.bp.blogspot.com/_keXvREQLOLQ/TPwjveSAvmI/AAAAAAAAADw/iHQYlHbmQ0Q/s1600/Ill_Nino-Confession-Frontal.jpg" />
				         <img src="http://www.reviewbusters.net/images/music/sevendust_hope_and_sorrow_cover.jpg" />
				         <img src="http://metalnallen.files.wordpress.com/2009/11/538266.jpg" />
				         <img src="http://2.bp.blogspot.com/_JM9zAs7y-Ew/TFMhCO2BKiI/AAAAAAAABjk/ZjC7hN0Qxf0/s400/Mastodon_Oblivion_Single_Cover-Caratula_Crack-The-Skye_%282009%29_001.jpg" />
				         <img src="http://mimusicaenlinea.com/wp-content/uploads/2011/02/mastodon.jpg" />
				         <img src="http://4.bp.blogspot.com/_keXvREQLOLQ/TPwjveSAvmI/AAAAAAAAADw/iHQYlHbmQ0Q/s1600/Ill_Nino-Confession-Frontal.jpg" />
				         <img src="http://www.reviewbusters.net/images/music/sevendust_hope_and_sorrow_cover.jpg" />
				         <img src="http://metalnallen.files.wordpress.com/2009/11/538266.jpg" />
				      
				      </div>
				      
				       
				      <div>
				         <img src="http://2.bp.blogspot.com/_JM9zAs7y-Ew/TFMhCO2BKiI/AAAAAAAABjk/ZjC7hN0Qxf0/s400/Mastodon_Oblivion_Single_Cover-Caratula_Crack-The-Skye_%282009%29_001.jpg" />
				         <img src="http://mimusicaenlinea.com/wp-content/uploads/2011/02/mastodon.jpg" />
				         <img src="http://4.bp.blogspot.com/_keXvREQLOLQ/TPwjveSAvmI/AAAAAAAAADw/iHQYlHbmQ0Q/s1600/Ill_Nino-Confession-Frontal.jpg" />
				         <img src="http://www.reviewbusters.net/images/music/sevendust_hope_and_sorrow_cover.jpg" />
				         <img src="http://metalnallen.files.wordpress.com/2009/11/538266.jpg" />
				      </div>
				      
				      
				      <div>
				         <img src="http://2.bp.blogspot.com/_JM9zAs7y-Ew/TFMhCO2BKiI/AAAAAAAABjk/ZjC7hN0Qxf0/s400/Mastodon_Oblivion_Single_Cover-Caratula_Crack-The-Skye_%282009%29_001.jpg" />
				         <img src="http://mimusicaenlinea.com/wp-content/uploads/2011/02/mastodon.jpg" />
				         <img src="http://4.bp.blogspot.com/_keXvREQLOLQ/TPwjveSAvmI/AAAAAAAAADw/iHQYlHbmQ0Q/s1600/Ill_Nino-Confession-Frontal.jpg" />
				         <img src="http://www.reviewbusters.net/images/music/sevendust_hope_and_sorrow_cover.jpg" />
				         <img src="http://metalnallen.files.wordpress.com/2009/11/538266.jpg" />
				      </div>
				      
				   </div>
		 		</div>
		 		
		 	</td>
		 	<td>
		 		<a class="browse next"></a>
		 	</td>
		 </tr>
		 
	</table>
	
	
		
	
</body>