<?php
	if ($loaded):
?>
<div 

	<?php if ($media->selected == 1): ?> 
		style="border: 1px solid white; box-shadow: 0px 0px 14px #FFF;" 
	<?php elseif ($media->selected == 2): ?>
        style="border: 1px solid #0f0; box-shadow: 0px 0px 14px #0f0;"
	<?php endif; ?>class="media media-loaded" id="media-<?php echo $media->mid; ?>">

<?php			
	else:
?>

<div <?php
	if ($media->selected == 1): ?> 
		style="border: 1px solid white; box-shadow: 0px 0px 14px #FFF;" 
	<?php elseif ($media->selected == 2): ?>
        style="border: 1px solid #0f0; box-shadow: 0px 0px 14px #0f0;"
	<?php endif; ?>class="media" id="media-<?php echo $media->mid; ?>">

<?php
	endif;
?>



<?php
	if($es_admin || $es_editable):
?>
<div class="media-admin" id="media-admin-<?php echo $media->mid; ?>">

<?php
	else:
?>
<div  class="media-admin" id="media-admin-<?php echo $media->mid; ?>" style="z-index:0">

<?php
	endif;
?>

<?php
	if($es_admin):
?>
		<div class="boton-media" id="boton-elim-media-<?php $media->mid; ?>">
		<a href="" onclick="eliminar_media(<?php echo $media->mid; ?>); return false;">
			<span class="glyphicon glyphicon-remove"></span>
		</a>
		</div>


		<div class="boton-media" id="establecer-portada-media-<?php echo $media->mid; ?>">
			<a href="" onclick="establecer_como_portada(<?php echo $media->mid; ?>); return false;">
				<?php
					
					if (isset($main_media) && $main_media==$media->mid):
				?>
					<span class="glyphicon glyphicon-star"></span>
				<?php		
					else:
				?>	
					<span class="glyphicon glyphicon-star darken"></span>
				<?php
					endif;
				?>	
			</a>
		</div>


		<div class="boton-media" id="boton-der-media-<?php echo $media->mid; ?>">
		<a href="" onclick="incrementar_peso_media(<?php echo $media->mid; ?>); return false;">
			<span class="glyphicon glyphicon-chevron-right"></span>
		</a>
		</div>


		<div class="boton-media" id="boton-izq-media-<?php echo $media->mid; ?>">
		<a href="" onclick="decrementar_peso_media(<?php echo $media->mid; ?>); return false;">
			<span id="peso-media-<?php echo $media->mid; ?>" class="glyphicon glyphicon-chevron-left"><?php echo $media->weight; ?></span>
		</a>
		</div>

<?php
	endif;
?>

<?php
	if(($es_admin || $es_editable)&&($media->vid==0)):
?>

		<div style="margin-left:3px; float:left;" class="boton-media">
			<a href="" onclick="cambiar_seleccion(<?php echo $media->mid; ?>); return false;" id="cambiar-seleccion-media-<?php echo $media->mid;?>" alt="Seleccionar" title="Seleccionar">
				<?php
					
					if ($media->selected==1):
				?>
					<span class="glyphicon glyphicon-check"></span>
				<?php		
					elseif ($media->selected==2):
				?>	
					<span class="glyphicon glyphicon-ok"></span>
				<?php
					else:
				?>	
					<span class="glyphicon glyphicon-unchecked darken"></span>
				<?php
					endif;
				?>	
			</a>
			<?php if ($num_versiones>0) echo $num_versiones; ?>
		</div>




<?php
	endif;

	if ($es_admin || $es_editable):
?>

	<div style="margin-left:10px; float:left;" class="boton-media" id="boton-comentarios-media-<?php echo $media->mid; ?>">
	
		<?php if ($num_comentarios>0): ?> <span  class="glyphicon glyphicon-comment"> </span>  <?php echo $num_comentarios; endif;?> 
	
	</div>


<?php
	endif;
?>
</div>



<center>




<a href="<?php echo base_url('navegador/media/'.$media->mid.'/'. $offset); ?><?php if(isset($filtro)){ echo '/'.$filtro ; } ?>" title="<?php echo $media->original_filename; ?>">
<div class="miniatura" id="miniatura-<?php echo $media->mid; ?>" style="background-image:url(<?php echo base_url('media/'.$gid.'/mini/'.$media->filename.'_mini.jpg'); ?>)">
	
	
</div>
</a>

<?php if ($es_admin || $es_editable): ?>


<div class="media-estrellas">

<script type="text/javascript">
	$(function() {
		$('.stars-<?php echo $media->mid; ?>').rating({
		  callback: function(value, link) {
		  	if (isdefined(value)) {
				dataString = 'media=<?php echo $media->mid; ?>&rate=0';
			}
			else {
				dataString = 'media=<?php echo $media->mid; ?>&rate='+value;
			}
				
			$.ajax({  
		        type: 'POST',  
		        url: '<?php echo base_url(); ?>media/rating',  
		        data: dataString,  
		        success: function(resp) {  
		            if (resp != 0) {
						alert(resp);
					}  
		        }  
			});  
		  }
		});
	});
	
</script>
		
	
<form id="rate-<?php echo $media->mid; ?>" method="post" action="">	
<?php
for($i=1;$i<=5;$i++):
?>	
<?php
	if ($i==$media->calification):
?>

<input class="stars-<?php echo $media->mid; ?>" name="stars" type="radio" checked="checked" value="<?php echo $i; ?>"/>

<?php
	else:
?>

<input class="stars-<?php echo $media->mid; ?>" name="stars" type="radio" value="<?php echo $i; ?>"/>

<?php
	endif;
endfor;
?>

</form>

</div>

<?php endif; ?>


</center>
<a name="media-<?php echo $media->mid; ?>"></a>
</div>