<script  type="text/javascript">
$(document).ready(function() {
	$('#actividad1').hover(
		function(){
			$('#actividad1 img').attr('src', '<?php echo base_url();?>/application/views/images/menu_padel1h.png');
		},
		function(){
			$('#actividad1 img').attr('src', '<?php echo base_url();?>/application/views/images/menu_padel1.png');
		}
	);
	$('#actividad2').hover(
		function(){
			$('#actividad2 img').attr('src', '<?php echo base_url();?>/application/views/images/menu_padel2h.png');
		},
		function(){
			$('#actividad2 img').attr('src', '<?php echo base_url();?>/application/views/images/menu_padel2.png');
		}
	);
	$('#actividad3').hover(
		function(){
			$('#actividad3 img').attr('src', '<?php echo base_url();?>/application/views/images/menu_padel3h.png');
		},
		function(){
			$('#actividad3 img').attr('src', '<?php echo base_url();?>/application/views/images/menu_padel3.png');
		}
	);
	$('#actividad4').hover(
		function(){
			$('#actividad4 img').attr('src', '<?php echo base_url();?>/application/views/images/menu_padel4h.png');
		},
		function(){
			$('#actividad4 img').attr('src', '<?php echo base_url();?>/application/views/images/menu_padel4.png');
		}
	);
	$('#actividad5').hover(
		function(){
			$('#actividad5 img').attr('src', '<?php echo base_url();?>/application/views/images/menu_tenish.png');
		},
		function(){
			$('#actividad5 img').attr('src', '<?php echo base_url();?>/application/views/images/menu_tenis.png');
		}
	);

});

</script>

<?php
		if ($actividades->num_rows() > 0){

			foreach ($actividades->result() as $actividad):

				 if ($actividad_seleccionada == $actividad->id)
				      $clase = 'class="actividad seleccionado"';
				 else
				 	  $clase = 'class="actividad"';
				 echo '<div '. $clase .'>
							<a id="actividad'.$actividad->id.'" href="" onclick="mostrar_actividad('.$actividad->id.',0,0); mostrar_menu('.$actividad->id.');  return false;">
								<img class="imagen-actividad" src="'.base_url().'/application/views/images/menu_'.$actividad->nombre.'.png" alt="'.$actividad->nombre.'">
								<span class="enlace-actividad"><small>'.$actividad->nombre.'</small></span>
							</a>
						</div>';
			endforeach;
		}
?>