<?php include 'concha.php';?>

<?php 

$titulo = "$nombresitio / Archivo";
include 'arriba_full.php'

?>

		<style type="text/css">
			@media all {
				.lightbox { display: none; }
				.fl-page h1,
				.fl-page h3,
				.fl-page h4 {
					font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
					font-weight: 100;
					letter-spacing: 1px;
				}
				.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
				.fl-page h1 i { font-style: normal; color: #ddd; }
				.fl-page h1 span { font-size: 30px; color: #333;}
				.fl-page h3 { text-align: right; }
				.fl-page h3 { font-size: 15px; }
				.fl-page h4 { font-size: 2em; }
				.fl-page .jumbotron { margin-top: 2em; }
				.fl-page .doc { margin: 2em 0;}
				.fl-page .btn-download { float: right; }
				.fl-page .btn-default { vertical-align: bottom; }

				.fl-page .btn-lg span { font-size: 0.7em; }
				.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
				.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
				.fl-page .github { margin: 2em 0; }
				.fl-page .github a { vertical-align: top; }
				.fl-page .marketing a { color: #999; }

				/* override default feather style... */
				.fixwidth {
					background: rgba(256,256,256, 0.8);
				}
				.fixwidth .featherlight-content {
					width: 500px;
					padding: 25px;
					color: #fff;
					background: #111;
				}
				.fixwidth .featherlight-close {
					color: #fff;
					background: #333;
				}

			}
			@media(max-width: 768px){
				.fl-page h1 span { display: block; }
				.fl-page .btn-download { float: none; margin-bottom: 1em; }
			}
		</style>
        <style type="text/css">
	.zoom{
		transition: 0.5s ease;
 		-moz-transition: 0.5s ease; /* Firefox */
 		-webkit-transition: 0.5s ease; /* Chrome - Safari */
 		-o-transition: 0.5s ease; /* Opera */
	}
	.zoom:hover{
		transform : scale(1.05);
		-moz-transform : scale(1.05); /* Firefox */
		-webkit-transform : scale(1.05); /* Chrome - Safari */
		-o-transform : scale(1.05); /* Opera */
		-ms-transform : scale(1.05); /* IE9 */
	}
</style>

<div class="<? if ($estiloweb <= 3){echo "col-lg-12";} else {echo "col-lg-9";} ?>  col-md-9 col-sm-12 col-xs-12" >
    

    
                <div class="widget-head">
                    <h3 <? if ($estiloweb <= 3){echo 'style="padding: 1px 5px 1px 5px; background-color:'; echo $d_color_fondo_menu; echo ';font-family:'; echo $style_titulo; echo ';font-size:25px;color:#ffffff;"'; } else {echo 'class="widget-title"';} ?>>
                        <span>Galería de Fotos</span>
                    </h3>
                </div>
    
    <div  class="grid" style="background-color:#fff;">
    
    <?
  $ID = (int)$_GET['ID'];
  include 'concha.php';


mysql_connect ("$host", "$usuario", "$contra");


mysql_select_db ("$basedatos");


$sql = "SELECT * FROM albumes WHERE ID = '$ID'";


$consulta = mysql_query ($sql);


while ($row = mysql_fetch_array($consulta))


{


$ID = $row["ID"];


$nombre_gal = $row["nombre"];

}


mysql_free_result($consulta);

?>
    
    
    
    

  
        
        
        
        
   <?php 
   $ID = (int)$_GET['ID'];
   
   


  
$can = 0;
$c = $_GET['c'];

if ($c == '') {$c = 0;};

mysql_connect ("$host", "$usuario", "$contra");


mysql_select_db ("$basedatos");


$sql = "SELECT * FROM fotos WHERE album = '$ID' ORDER BY ID desc LIMIT $c,9";


$consulta = mysql_query ($sql);


while ($row = mysql_fetch_array($consulta))


{


$ID_f = $row["ID"];


$foto = $row["foto"]; $ext_img = $row["ext_img"];
$carpetafoto = $row["carpetafoto"];



$titulo = $row["titulo"];


?>


            <div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3" style="margin-top:15px;">
          
             
            <?php  $ini_foto = substr($foto,0,4);
			
			if ($ini_foto == 'http') { $type= exif_imagetype($foto);  $foto = str_replace("$dom/",'',$foto);   if ($type == '2') {$foto_mostrar = "$dom/$foto"; } else {$foto_mostrar = "$dom/$foto"; }; } else {$foto_mostrar = "$carpetafoto/thumbnail_$foto$ext_img";}; 
			
			?>
            
              
               <a  data-lightbox="example-set"  href="<?php echo $foto ?>" title="<?php echo $titulo; ?>">
          
          
          
          <img  class="<? if ($estiloweb <= 3){echo "img-responsive";} else {echo "img-fluid ";} ?> lazy" src="http://radioshosting.com/ajax-loader.gif" data-original="<?php echo $foto_mostrar ?>" /></a></div>
  
       <?  }


mysql_free_result($consulta);

?>

<div class="grid-item col-xs-12 col-sm-12 col-md-12 col-lg-12">
<a href="album.php?ID=<?php echo $ID ?>&c=<?php echo $c + 9; ?>">Siguiente </a>
        
</div>
  </div>
 
        
    



</div>
  

<script>
			$(document).ready(function(){
				$('.gallery').featherlightGallery({
					gallery: {
						fadeIn: 300,
						fadeOut: 300
					},
					openSpeed:    300,
					closeSpeed:   300
				});
				$('.gallery2').featherlightGallery({
					gallery: {
						next: 'next »',
						previous: '« previous'
					},
					variant: 'featherlight-gallery2'
				});
			});

			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//stats.g.doubleclick.net/dc.js','ga');

			ga('create', 'UA-5342062-6', 'noelboss.github.io');
			ga('send', 'pageview');
		</script>       
<script src="http://radioshosting.com/css/js/lightbox-plus-jquery.min.js"></script>  
<script src="http://radioshosting.com/recursos/js/jquery.lazyload.js?v=1.9.1"></script>
  <script type="text/javascript" charset="utf-8">
  $(function() {
     $("img.lazy").lazyload({
         effect : "fadeIn"
     });

  });
  </script>

<?php include 'abajo_full.php';?>
