<?php
	include('./gestio/class/documentacio.class.php');
	
	$documentacio			= new documentacio();
	$funcions_generals		= new funcions_generals();
	$id						= $_GET['id'];
	
	$num					= $documentacio->get_num_documentacio($id);
	
	$num_pags				= ceil($num / 5);
	
	if (isset($_GET["pag_actual"]) && $_GET["pag_actual"] != 0)
		$pag_actual = $_GET["pag_actual"];
	else
		$pag_actual = 0;
							
	$pag_act				= $pag_actual;
	$pag_actual				= $pag_actual * 5;
	
	$array_referencies		= $documentacio->get_documentacio_familia($id, $pag_actual);
	$num_galeries			= count($array_referencies);

	switch($_GET['id']){
		case 1:
		$titol = "ENERGIA SOLAR";
		break;
	case 2:
		$titol = "ENERGIA GEOTERMICA";
		break;
	case 3:
		$titol = "SISTEMES PASSIUS I COSNTRUCCIÓ BIOCLIMÀTICA";
		break;
	}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="shortcut icon" href="favicon.ico" />

<title> Referències <?php echo $titol; ?> - TRUST Energia </title>

<meta name="keywords" content="energia solar, arquitectura bioclimàtica, energia geotermica, energia eólica, energia termodinàmica, energia, fotovoltaica, termica, captadors, sistemes, sistemas, aïllament tèrmic, aislaminto termico, il·luminació natural, il·luminació, natural, iluminación, emplaçament, enplacamiento, Climatització de l'edifici, climatización del edificio, finestres, ventanas, ventilació, ventilación, proteccions, protecciones, calefació, calefaccion, edifici, edificio, geològica, geologica, captació, captacion, simulació, simulacion" />

<meta name="description" content="empresa de energies renovables" />
<meta name="language" content="es, ca" />
<meta name="revisit" content="20 days" />
<meta name="robots" content="index, follow" />
<meta name="author" content="dispromèdia, S.L." />
<meta name="owner" content="dispromèdia, S.L." />

<link href="estils/reset.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="javascript.js"></script>
<script type="text/javascript" src="jQuery/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="jQuery/js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="jQuery/js/sexylightbox.v2.2.jquery.js"></script>
<!-- jCarousel library -->
<script type="text/javascript" src="./jQuery/js/jcarousel.js"></script>

<link rel="stylesheet" href="jQuery/css/sexylightbox.css" type="text/css" media="all" />
<!-- jCarousel core stylesheet -->
<link rel="stylesheet" type="text/css" href="./jQuery/css/jquery.jcarousel.css" />
<!-- <link rel="stylesheet" type="text/css" href="./lightbox/css/jquery.lightbox-0.5.css" media="screen"> -->
<link rel="stylesheet" type="text/css" href="./jQuery/css/skin.css" />
<link href="estils/estils.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	$(document).ready(function()
	{
		num = <?php echo $num_galeries; ?>;
		for(a=0; a<num; a++)
			$('#mycarousel'+a).jcarousel();
	
		SexyLightbox.initialize({
			OverlayStyles:{ 
				'background-color':'#ECECEC', 
				'opacity': 0.9
			},
			color: 'white',
			imagesdir: 'jQuery'
		});
	});
</script>
</head>
<body>
	<div id="content">
    	<div class="banner">
        	<a href="index.html"><img src="./imatges/logotip.jpg" alt="Logotip" /></a>
        </div>
        <div id="contingut">
        	<div class="left">
            	<h1>REFERÈNCIES <?php echo $titol; ?></h1>
                <p class="tornar"><a href="referencies.php">&laquo; Tornar</a></p>
            	<?php
					if(is_array($array_referencies) && count($array_referencies)>0){
						for($cont=0; $cont<count($array_referencies); $cont++){
							$idDocumentacio		= $array_referencies[$cont]['idDocumentacio'];
							$data				= $array_referencies[$cont]['dataInici'];
							$descripcio			= $array_referencies[$cont]['descripcio1'];
							?>
							<div id="referencies">
								<ul class="referencies">
								<?php
									echo "<li>".$descripcio."</li>";
									$array_imatges = $documentacio->get_imatges_documentacio($idDocumentacio);
									if(is_array($array_imatges) && count($array_imatges)>0){
									?>
										<div class='galeria'>
											<ul id='mycarousel<?php echo $cont; ?>' class='jcarousel-skin-tango'>
											<?php
												for($a=0; $a<count($array_imatges); $a++){
													$peu = $array_imatges[$a]['peu1'];
													$fitxer = $array_imatges[$a]['nomFitxer'];
													$directori = $funcions_generals->obtenir_direc($fitxer);
													$imatge = "./gestio/".$directori."/".$fitxer;
													$mida = $funcions_generals->redim("./gestio/".$directori."/".$fitxer, 200, 200);
												?>
													<li>
														<a id='gallery' rel="sexylightbox[galeria<?php echo $cont; ?>]" href="<?php echo $imatge; ?>" title='<?php echo $peu;?>'>
															<img src="<?php echo $imatge; ?>" width="75" height="75" alt=""/>
														</a>
													</li>
												<?php
												}
											?>
											</ul>
										</div>
									<?php
									}
									?>
									</ul>
							</div>
							<?php
						}
						$documentacio->mostrar_pagines($id, $num_pags, $pag_act);
					}
					else
						echo "<p class='no_hay'>Actualment no hi ha referències inserides.</p>";
				  ?>
            </div>
        	<div class="right">
            	<ul class="menu">
                	<li><a href="qui_som.html" title="Qui som">QUI SOM</a></li>
                    <li><a href="que_fem.html" title="Què fem">QUÈ FEM</a></li>
                    <li><a href="noticies.php" title="Notícies">NOTÍCIES</a></li>
                    <li><span class="marcat">REFERÈNCIES</span></li>
                    <li><a href="contacte.php" title="Contacte">CONTACTE</a></li>
                </ul>
                <div class="marques">
                	<img src="./imatges/ueg.jpg" alt="UEG" />
                    <a href="http://www.sofath.es/espanol/inicio.htm" target="_blank"><img src="./imatges/sofath.jpg" alt="SOFATH" /></a>
                </div>
            </div>
        </div>
        <div class="clear">
        	<a href="http://www.dispromedia.com" target="_blank" title="Disseny web"><img src="./imatges/dispro.jpg" align="Logotip Dispromèdia" /></a>
        </div>
    </div>
</body>
</html>
