tati
/
especificosweb


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
							<?php header('Content-Type: text/html; charset=utf-8'); ?> 
<!DOCTYPE html>
<head>

    <title>ESPECIFICOS Buenos Aires</title>
    <link type="text/css" rel="Stylesheet" href="css/productos.css" />
    <link type="text/css" rel="Stylesheet" href="css/especificos.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script src="js/jquery-1.10.2.js"></script>
<script>
jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + 
                                                $(window).scrollTop()) + "px");
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + 
                                                $(window).scrollLeft()) + "px");
    return this;
}

$(document).ready(function() {
	
	
	curpag=0;
    var cat = 'Limpieza';
    
	$(".cambiarcat").click(function() {
        cat = $(this).attr('val');
        $(".cambiarcat.selected").removeClass('selected');
        $(this).addClass('selected');
        getData();
    });
    
	function getData() {
	$.get('listaprod.php', { cat : cat }).done(function(data) {
		$("#paginas_wrapper").html(data);
        curpag=0;
        $("#flechaatras").hide();
        $("#flechafwd").click(function() {
            if ( ! $(".pagina[num='"+(curpag+1)+"']").length )
                return;
            $(".pagina").hide();
            curpag++;
            if ( ! $(".pagina[num='"+(curpag+1)+"']").length )
                $("#flechafwd").hide();
            $("#flechaatras").show();
            $(".pagina[num='"+curpag+"']").show();
            $("#paginas_list li").css("opacity",0.5);
            $("#paginas_list li[num='"+curpag+"']").css("opacity",1);

        });
        $("#flechaatras").click(function() {
            $(".pagina[num='"+curpag+"']").hide();
            curpag--;
            if ( curpag < 0 )
                curpag=0;
            if(curpag==0)
                $("#flechaatras").hide();
            $("#flechafwd").show();
            $(".pagina[num='"+curpag+"']").show();
            $("#paginas_list li").css("opacity",0.5);
            $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
        });
		$(".texto p").click(function(){
			expand = $(this).attr('prodid');
			getDesc();
		});
	});
	} //getData
    
	
	var expand="";

	
	getData();
	$(window).resize(function() {
		$("#descripcion_completa").center();
	});

	function getDesc(){
	$.get('vermas.php', {id : expand}).done(function(data){
		$("#descripcion_completa").html(data);
		$("#overlay-contact").css("display","block");
		$("#descripcion_completa").css("display", "block");
		$("#descripcion_completa").center();
		$("#overlay-contact").css("height",$(document).height()+"px");
		$('#overlay-contact').click(function(){
            $('#descripcion_completa, #overlay-contact').hide();
		});
		$('#exit').click(function(){
			$('#descripcion_completa, #overlay-contact').hide();
        });
	});
	}
	
	
	$("#paginas_list li").click(function() {
		$("#paginas_list li").css("opacity",0.5);
		$(this).css("opacity",1);
		$(".pagina").hide();
		$(".pagina[num='"+$(this).attr('num')+"']").show();
		curpag=$(this).attr('num');
		alert(curpag);
	});
});
</script>
</head>

<body>

    <div id="top_wrapper">
        <div id="navbar" font-family="champagne">
            <ul id="navlist">
                <li><a href="index.php#nosotros">nosotros</a></li>
                <li><a href="index.php#actividades">actividades</a></li>
                <li><a href="index.php#top_wrapper"><img src="Images/icons/logo.png" style="width: 51px; height: 50px;" /></a></li>
                <li><a href="index.php#cursos">cursos</a></li>
                <li><a href="index.php#distribuidoras">donde comprar</a></li>
            </ul>
        </div>
    </div>
    
	<div id="productos_descripcion" class="seccion">
	<h1><span>NUESTRO COMPROMISO</span></h1>
	<p>
	ESPECIFICOS Buenos Aires se compromete a garantizar productos de confianza,
	ultra-eficaces, tecnología de avanzada y control de calidad permanente bajo 
	normas internacionales de bioseguridad. Texturas aterciopeladas, principios 
	activos de gran pureza, vehículos especializados que conforman productos 
	vanguardistas con delicadas fragancias.
	<br/><br/>
	<img src="Images/icons/compromiso.png">
	
	</p>
	</div>
    <div id="productos_wrapper">
       
        <br />
        <div id="productosbar">
            <ul id ="categorias">
                <li class="cambiarcat selected" val="limpieza"><h3>HIGIENE</h3></li>
                <li class="cambiarcat" val="mascaras"><h3>MÁSCARAS</h3></li>
                <li class="cambiarcat" val="acido hialuronico"><h3>ÁCIDO<br />HIALURÓNICO</h3></li>
                <li class="cambiarcat" val="peeling"><h3>PEELING</h3></li>
                <li class="cambiarcat" val="corporales"><h3>CORPORALES</h3></li>
                <li class="cambiarcat" val="hombres"><h3>HOMBRES</h3></li>
                <li class="cambiarcat" val="proteccion intensiva"><h3>PROTECCIÓN<br />INTENSIVA</h3></li>
                <li class="cambiarcat" val="monodosis"><h3>MONODOSIS</h3></li>
                <li class="cambiarcat" val="activos concentrados"><h3>ACTIVOS<br />CONCENTRADOS</h3></li>
				<li><a href='folleto2013.pdf'><h3 class="grande" style="height:60px; color: white;">DESCARGAR<br />CATALOGO</h3></a></li>
				<li class="cambiarcat grande" val="tratamientos"><h3 style="height:140px; color: white;">TRATAMIENTOS<br />ESPECIFICOS</h3></li>
			</ul>
        </div>
        
        <div id ="paginas_wrapper">
        </div>
		
		<div id="overlay-contact">
		</div>
		<div id="descripcion_completa" >
		</div>

			
	</div>

	<?php include('piwik.html'); ?>
</body>
</html>