/*   se apican las sombras   */
$(document).ready(function() {
	//$("#stripe").load('menu.html');
	$(".main_menu").dropShadow({left: 4, top: 4, blur: 3, opacity: 0.6});
	$("#right_up").dropShadow({left: 0, top: 4, blur: 3, opacity: 0.6});
	$("#right_up2").dropShadow({left: 0, top: 4, blur: 3, opacity: 0.6});
	$("#right").dropShadow({left: 0, top: 4, blur: 3, opacity: 0.6});
	$("#sky").dropShadow({left: 4, top: 4, blur: 3, opacity: 0.6});
});

/*  el siguiente bloque mueve las opciones del stripe   */
$(function(){
	$(".main_menu").hover(function(){
		$(this).animate({top:"-10px"},{queue:false,duration:200});
	}, function(){
		$(this).animate({top:"0px"},{queue:false,duration:200});
	});
});

/*   el siguiente bloque desliza el menu   */
$(function(){
	$("#productos").click(function(){
		$("#productos div").stop().animate({height:'345px'},{queue:false,duration:150});
	});
	$("#productos div a").hover(function(){
		$("#productos div").stop().animate({height:'345px'},{queue:false, duration:150})
	});
	$("#productos").mouseout(function(){
		$("#productos div").stop().animate({height:'0px'},{queue:false, duration:400})
	});
	$("#productos div").mouseout(function(){
		$(this).stop().animate({height:'0px'},{queue:false, duration:400})
	});
});
$(function(){
	$("#quienes").click(function(){
		$("#quienes div").stop().animate({height:'345px'},{queue:false,duration:150});
	});
	$("#quienes div a").hover(function(){
		$("#quienes div").stop().animate({height:'345px'},{queue:false, duration:150})
	});
	$("#productos").mouseout(function(){
		$("#quienes div").stop().animate({height:'0px'},{queue:false, duration:400})
	});
	$("#quienes div").mouseout(function(){
		$(this).stop().animate({height:'0px'},{queue:false, duration:400})
	});
});

/* slider*/
$(document).ready(function(){	
	$("#slider").easySlider({
		auto: true,
		continuous: true 
	});
});

/*   Aqui se carga contenido   */
$(function(){
	//taxis
	$("#dimensiones").click(function(){
		$("#content").html('<h3>Dimensiones</h3><img src="productos-taxis/dimensiones.jpg">');
	});
	$("#especificaciones").click(function(){
		$("#content").html('<h3>Especificaciones</h3><table><tr><td><ul><li>Taxis de sitio</li><li>Iluminación</li><li>Segmentación por zona</li><li>Cobertura Nacional</li><li>Permisos ante SETRAVI</li><li>Producción e instalación de arte incluido </li></ul></td><td><img src="productos-taxis/especificacion.jpg"></td></tr></table>');
	});
	$("#distribucion").click(function(){
		$("#content").html('<h3>Distribucion</h3><table><tr><td><ul><li>Incluimos un mueble exhibidor para la distribución de muestras o material impreso (folletos, trípticos, dípticos, postales, etcétera) en el interior del taxi.</li><li>Producción y distribución de 200 tarjetas de presentación con publicidad de su marca.</li><li>Capacidad para distribuir más de 1000 muestras al mes por taxi.</li></ul></td><td><img src="productos-taxis/distribuciones.jpg"></td></tr></table>');
	});
	$("#cobertura").click(function(){
		$("#content").html('<h3>Cobertura</h3><img src="productos-taxis/cobertura.jpg" width="428" height="219" /><p>Nuestra publicidad esta presente en taxis de sitio de la Ciudad de México y en importantes plazas de la Republica Mexicana, lo que permite aumentar la frecuencia en los puntos en los que el cliente solicite, eso le permitirá llegar al target que usted busca. En exclusiva tenemos presencia en zonas triple A  como Polanco, Santa Fe, Word Trade Center, Lomas de Chapultepec, Coapa, Interlomas, etc.</p>');
	});
	$("#stickers").click(function(){
		$("#content").html('<h3>Stickers</h3><p style="padding:10px;">Aprovechamos nuevos espacios fuera del taxi, podemos colocar slogans y logotipos en vinil autoadherible en medallones y ventanas traseras del auto así logrando un alta frecuencia con poca inversión y a la vista de todos. De esta forma se puede optimizar el presupuesto del anunciante y brindarle mas espacios, lo cual aporta mas impactos y mayor frecuencia  por la diversidad de rutas de los taxis.</p><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="images/Sticker1.png" style="border:2px solid #f90;"/></td><td align="center"><img src="images/Sticker2.png" style="border:2px solid #f90;"/></td></tr></table>');
	});	
	$("#galeria-taxis").click(function(){
		$("#content").load('productos-taxis/galeria-taxis.html');
	});
	
	//camiones
	$("#vallas_dimensiones").click(function(){
		$("#content").html('<h3>Dimensiones</h3><p>Contamos con diferentes medidas:</p><ul><li>Valla de 3 metros</li><li>Valla de 4 metros</li><li>Valla de 7 metros</li></ul><img src="productos-camiones/valla_3metros.jpg" style="border:2px solid #f90;"/>');
	});
	$("#vallas_agregados").click(function(){
		$("#content").html('<h3>Valores Agregados</h3><p>Cambiamos lo tradicional de un arte a una innovación visual buscando generar mayores impactos y una diferencia en la comunicación de la campaña.</p><ul><li>Standee</li><li>Suajes</li><li>Rebases</li></ul><img src="productos-camiones/valla_7metros.jpg" style="border:2px solid #f90;"/><p>Standee en Vallas Móviles, estos son elementos gráficos en diferentes planos que sobresalen del arte, brindando efectos de mayor profundidad y una visión mas cercana al 3d.</p>');
	});
	$("#especificaciones").click(function(){
		$("#content").html('<h3>Especificaciones</h3><ul><li>Diferentes aplicaciones (Valla móvil, escenografías y volumétricos)</li><li>Plataformas de 3, 4 y 7 metros.</li><li>Rotulación Integral</li><li>1 operador por 8 horas diarias - 6 día a la semana</li><li>Sistema de paredes de acrilico despazables</li><li>Producciones incluidas</ul><img src="productos-camiones/camion.jpg" />');
	});
	$("#galeria-camiones").click(function(){
		$("#content").load('productos-camiones/galeria-camiones.html');
	});
	//pantalla movil
	$("#caracteristicas").click(function(){
		$("#content").html('<h3>Caracter&iacute;sticas de la Pantalla</h3><ul><li>Alta Resolución</li><li>Pantalla de 128” (2.10 de alto x 2.54 de largo)</li><li> El más alto contraste: Imágenes claras y sin grano.</li><li>Ángulo visible excepcional: Casi 180 grados.</li><li>Ultra delgada y Ultraligera.</li></ul><img src="productos-pantalla_movil/pantalla.jpg" />');
	});
	$("#ideal").click(function(){
		$("#content").html('<h3>Ideal</h3><ul><li>Lanzamiento de producto</li><li>Relanzamiento de Producto</li><li>Reposición de Marca</li><li>Activaciones y Eventos</li><li>Promociones de ventas de juegos</li><li>Solo para activaciones en las noches (de 6 PM en adelante)</li></ul><img src="productos-pantalla_movil/pantalla2.jpg" />');
	});
	$("#servicio").click(function(){
		$("#content").html('<h3>Servicio</h3><ul><li>Renta de la pantalla</li><li>6 d&iacute;as a la semana</li><li>6 horas diarias</li><li>Activaci&oacute;n noche ( 6 PM a 12 AM)</li><li>Branding camióacute;n</li><li>PC &oacute; DVD</li><li>Sistema de audio</li><li>Adaptaci&oacute;n para videojuegos</li><li>Nodo para envio de mensajes</li><li>Operador de pantallas</li><li>Gasolina de la semana</li></ul>');
	});
	$("#galeria-pantalla_movil").click(function(){
		$("#content").load('productos-pantalla_movil/galeria-pantalla_movil.html');
	});
	
	//mega carritos
	$("#especifi").click(function(){
		$("#content").html('<h3>Incluye</h3><ul><li>Renta del medio móvil</li><li>6 d&iacute;as a la semana</li><li>6 horas diarias</li><li>Branding Megacarrito</li><li>Personal de Operaci&oacute;n</li><li>Gasolina de la semana</li></ul><h3>Medidas: </h3><ul><li>Alto 2.26 mts.</li><li>Largo 2.25 mts.</li><li>Ancho 1.25 mts. </li></ul><h3>OBJETIVO DEL MEDIO</h3><ul><li>Lanzamiento de producto</li><li>Relanzamiento de Producto</li><li>Reposici&oacute;n de Marca</li><li>Activaciones y Eventos</li></ul>');
	});
	$("#galeria-mega_carrito").click(function(){
		$("#content").load('productos-mega_carrito/galeria-mega_carrito.html');
	});
	//Oficina Movil
	$("#galeria-oficina-movil").click(function(){
		$("#content").load('productos-oficina-movil/galeria-oficina-movil.html');
	});
	//escenografias
	$("#galeria-escenografias").click(function(){
		$("#content").load('productos-escenografias/galeria-escenografias.html');
	});
	//volumetricos
	$("#galeria-volumetricos").click(function(){
		$("#content").load('productos-volumetricos/galeria-volumetricos.html');
	});	
	//truck roadshow
	$("#galeria-roadshow").click(function(){
		$("#content").load('productos-roadshow/galeria-roadshow.html');
	});
	//truck de degustacion
	$("#galeria-interactivo").click(function(){
		$("#content").load('productos-interactivo/galeria-interactivo.html');
	});	
	//producciones
	$("#galeria-producciones").click(function(){
		$("#content").load('productos-producciones/galeria-producciones.html');
	});
	//bluetooth
	$("#galeria-bluetooth").click(function(){
		$("#content").load('productos-bluetooth/galeria-bluetooth.html');
	});
	
	
	//btl
	$("#campaña").click(function(){
		$("#content").html('<h3>Campaña Exitosa</h3><p>PublyCity es una empresa reconocida por su innovación y calidad en el servicio de publicidad en medios exteriores,  manteniendo ese alto grado de servicio crea la división de BTL con la finalidad de brindar un servicio integral y totalmente funcional.</p><p>Ofrecemos una estrategia de mercadotecnia y de promoción basada en un proceso creativo adecuado a cada marca, dicha estrategia será aplicada de manera correcta y eficiente, ya que todas y cada una de las actividades realizadas son supervisadas por equipo profesional y comprometido con cada uno de los proyectos.</p><img src="productos-btl/campaña_exitosa.jpg">');
	});
	$("#servicios").click(function(){
		$("#content").html('<h3>Servicios</h3><p>Esta nueva división llega a complementar nuestros servicios para poder ofrecer una solución integral para:</p><ul><li>Lanzamiento de producto</li><li>Relanzamiento de producto</li><li>Reposicionamiento de producto y/o marca</li><li>Degustación</li><li>Eventos y activaciones</li><li>Muestreo</li><li>Promociones de venta y juegos </li><li>Patrocinios </li><li>Roadshows</li></ul>');
	});
	$("#promocion").click(function(){
		$("#content").load('productos-btl/promocion.html');
	});
	$("#volumetrico").click(function(){
		$("#content").load('productos-btl/volumetricos.html');
	});
	$("#interactivo").click(function(){
		$("#content").load('productos-btl/interactivo.html');
	});
	$("#degustacion").click(function(){
		$("#content").load('productos-btl/degustacion.html');
	});
	$("#galeria-btl").click(function(){
		$("#content").load('productos-btl/galeria-btl.html');
	});
	$("#galeria-degustacion").click(function(){
		$("#content").load('productos-degustacion/galeria-degustacion.html');
	});
	
	
	//pantallas fijas
	$("#fijas_caracteristicas").click(function(){
		$("#content").html('<h3>Caracteristicas</h3><ul><li>El más alto contraste: Imágenes claras y sin grano.</li><li>Ángulo visible excepcional: Casi 180 grados.</li><li>Gran tamaño: En formato 16:9 las dimensiones estándares son 2.05 x 3.66 mts y 1.29 x 2.31 mts.</li><li>Durabilidad: La imagen se produce en el interior de la pantalla, por lo que no hay que preocuparse por rayaduras  o daños de la misma.</li><li>Ultradelgada y Ultraligera.</li></ul>');
	});
	$("#fijas_aplicaciones").click(function(){
		$("#content").html('<h3>Aplicaciones</h3><ul><li>Pantallas de salón: Tienen como propósito informar, entretener  e interactuar con los clientes al momento de consumir sus alimentos. Información de productos y servicios dirigidos al perfil de los consumidores</li><li>Vitrinas digitales: Su finalidad es atraer clientes al local informando sobre los productos y sus características. Funcionan en zonas de alto flujo peatonal.</li><li>Menu Boards digitales: Alternados con los existentes para promocionar los productos de manera dinámica.</li></ul>');
	});
});