// JavaScript Document
// Script
var elementoOver;
var tiendyWallsolutionsPath = 'http://static.tiendy.com/shops/wallsolutions/theme/assets/';

function changeExtraInfo(event)
{
	var $target = $(event.target);
	if ($target.is('img')) { elementoOver = $target.parent().attr('id'); }
		else { elementoOver = $target.attr('id'); }
	
	$('#overinfo').stop();
	$('#overinfo').css('opacity', 0);
	
	resetLogos();
	showExtraInfo();
}

function showExtraInfo()
{
	switch (elementoOver)
	{
		case 'buttonobra':
		case 'splashlogowallsolutions':
			$('#buttonobra').css('background-position','0 -22px');
			$('#overinfo').empty();
			$('#overinfo').append('<h2 class="tituloObraCivil">Nuestras Soluciones:</h2><p>- Muros Ecológicos o Verdes.<br/>- Muros de Bloques Prefabricados.<br />- Muros de Gaviones.<br />- Muros de TierrArmada o Escamas. <br />- Pantallas Acústicas. <br />- y muchas más...</p>');
			$('#overinfo').css('background-image','url('+tiendyWallsolutionsPath +'bkg_info_obracivil.png)');
			$('#splashlogowallsolutions').fadeTo(600, 1);
		break;
		
		case 'buttonedificacion':
		case 'splashlogohomesolutions':
			$('#buttonedificacion').css('background-position','0 -22px');
			$('#overinfo').empty();
			$('#overinfo').append('<p>Nuestra especialidad es la edificación masiva de viviendas sociales en distintos países con el mejor sistema de construcción rápida "in-situ" que existe:</p><h2 class="tituloEdificacion">Sistema monolítico de <br/> moldes de aluminio.</h2>');
			$('#overinfo').css('background-image','url('+tiendyWallsolutionsPath +'bkg_info_edificacion.png)');
			$('#splashlogohomesolutions').fadeTo(600, 1);
		break;
		
		case 'buttonenergeticas':
		case 'splashlogogeosolutions':
			$('#buttonenergeticas').css('background-position','0 -22px');
			$('#overinfo').empty();
			$('#overinfo').append('<h2 class="tituloEnergeticas">Nuestras Soluciones:</h2><p>- Valorización de basura/desechos a energía eléctrica o combustible. <br /><br />- Energía mareomotriz.</p>');
			$('#overinfo').css('background-image','url('+tiendyWallsolutionsPath +'bkg_info_energeticas.png)');
			$('#splashlogogeosolutions').fadeTo(600, 1);
		break;
	}
	
	$('#overinfo').fadeTo('slow', 1);
}


function hideExtraInfo()
{
	$('.buttonOver').css('background-position','0 0');
	$('#overinfo').stop();
	$('#overinfo').fadeTo('slow', 0);
	resetLogos();
}

function resetLogos()
{
	$('a.logoOver').stop();
	$('a.logoOver').fadeTo('fast', .3);
}