/* ------ Para que aparezcan varias imagenes en pantalla -------*/

var dire = "../../../resources/images/fotos/" //directorio o ruta donde están las imágenes

var imagenes=new Array();

// Guarda la imagen seleccionada actualemente
var imagenSeleccionada = "foto1";

var texto = new Array();

var num_iconos = 10;
var direFoto = "";

var arrayTexto = new Array();

var solerias = new Array();
var interiores = new Array();
var exteriores = new Array();
var varios = new Array();
var fuego = new Array();

var imagenSeleccionada = "foto1";

imagenes[1]="foto1.jpg";
imagenes[2]="foto2.jpg";
imagenes[3]="foto3.jpg";
imagenes[4]="foto4.jpg";
imagenes[5]="foto5.jpg";
imagenes[6]="foto6.jpg";
imagenes[7]="foto7.jpg";
imagenes[8]="foto8.jpg";
imagenes[9]="foto9.jpg";
imagenes[10]="foto10.jpg";

solerias[1] = 'In this section you can see the beauty they bring our <strong>clay materials of construction</strong>, all types of finishes and especially in the flooring.';
solerias[2] = 'As you can see one of our main specialties include <strong>Flooring clay</strong>, where we have a wide range of designs.';
solerias[3] = 'Also remember that we also offer the installation and management of flooring. Armed with the latest techniques of treatment that will give your clay soil and durable finish perfect.';
solerias[4] = 'In addition to our designs we can also manufacture any flooring that you supply us, doing a design and custom fabrication, according to their tastes and needs.';
solerias[5] = 'You can look at the different geometric shapes our <strong>clay soils</strong> and because different combinations of elements result in a beautiful flooring.';
solerias[6] = 'The mix of shapes and colors make our <strong>clay soils</strong> very attractive decorative element.';
solerias[7] = 'You may also notice the attractiveness of the contrast between different flooring and as a harmonious blend of different shapes and sizes.';
solerias[8] = 'We have two types of treatment for their <strong>clay floors</strong>, a natural process and other chemicals, which you can choose the one that most suits their needs.';
solerias[9] = 'As can be observers to the variety of designs is wide, leaving open the door for developing new designs.';
solerias[10] = 'The crafting of our clay soils make them more resistant to weather and climate changes.';

// -----------------------------------

interiores[1] = 'These images show the application of clay materials in our interior designs. In this picture we see the combination of different elements: <strong>rustic brick, ceramic brick, floors</strong>, etc...';
interiores[2] = 'We see as our clay is perfectly combined with other elements such as stone, providing unparalleled finishes.';
interiores[3] = 'The small details that can change the aesthetics of your building making it unique and different from others, as we see in this picture.';
interiores[4] = 'The combination of different elements and geometric shapes, finishes will result in as dramatic as these, becoming an art to create these designs.';
interiores[5] = 'Our <strong>Arabic tile</strong> can also be used as an element of interior decoration, offering different shape and structure as we observe.';
interiores[6] = 'Our clay materials will be adapted to any corner of your home, giving it a twist and an attractive one';
interiores[7] = 'We also offer full installation and management of our <strong>materials of clay</strong>, so that is comfortable for the customer the purchase of our products';
interiores[8] = 'Our clay materials blend perfectly with other materials, forming sets of true beauty.';
interiores[9] = 'The multitude of applications of clay material makes this an entirely flexible and open to the imagination of any person wishing to create their own design';
interiores[10] = 'For very simple to the finish, the contribution of clay as a decorative element may play an important role when it comes to decorating their design.';

// -----------------------------------
exteriores[1] = 'In these photos you can see a sample of our clay materials applied to outbuildings, combining elements of different types of clay: <strong>clay floors, rustic brick, ceramic brick, tile arabe</strong>...';
exteriores[2] = 'As you can see, our outdoor <strong>clay soils</strong> has nothing to envy to the interior design, providing a more rustic look to the outside environment.';
exteriores[3] = 'You can generate a very attractive through the combination of different elements such as <strong>rustic brick, ceramic brick, ceramic tiles, Arabic tiles</strong>, etc ...';
exteriores[4] = 'The resistance of our materials from clay to atmospheric conditions that will persist for a long time without any default or erosion.';
exteriores[5] = 'We have material for any type of finish with originality in the combination of the elements our main asset.';
exteriores[6] = 'The combination of these elements in clay with other materials like wood, can be very attractive as we can see in this image.';
exteriores[7] = 'As for roofing, one of our main especiallidades Arabic is the tile, rustic tile or dogs, all combined to get a unique weave.';
exteriores[8] = 'We can see how the combination of different elements of clay in a facade get a much more attractive visual effect.';
exteriores[9] = 'Any kind of details can make more pleasant and convenient the outside of their building. In this picture we see our tile decoration made with small Arabic.';
exteriores[10] = 'Our earthenware, produced in the traditional manner and has greater endurance and strength in external constructions makes it even more ideal.';

// -----------------------------------
varios[1] = 'In this section you will see other applications of our products <strong> clay </strong> such as our tables, used for both interior and exterior.';
varios[2] = 'We have tables of all sizes and shapes. As you can see the fusion of different elements and geometric shapes result in very colorful and attractive designs';
varios[3] = 'The <strong>clay </strong> is an element that can be used in a multitude of shapes and colors, providing greater flexibility in products of this style.';
varios[4] = 'Another of our specialties is the design and development of bed headboards. We have many designs, according to each location.';
varios[5] = 'With our clay products, give your home a touch different, having application in many decorative and practical aspects.';
varios[6] = 'With our <strong>rustic brick</strong> can achieve unique finishes, offering the design and shape more suitable to fit any type of construction items';
varios[7] = 'Another of our specialties include <strong>rustic brick</strong> arches (half a point, Arabic, etc. ..) in addition to its practical function, is one of the most beautiful decorative items.';
varios[8] = 'As you can see the application of our clay materials is infinite, only our imagination will mark the limits of their applications.';
varios[9] = 'The quality and variety of forms of elements make this work a difficult art replaceable any more modern mechanized process.';
varios[10] = 'The art of pottery and working with clay is one of the oldest in the world. Our products still retain the essence and fundamentals used in past times.';

// -----------------------------------
fuego[1] = 'Due to the high resistance of our <strong>clay</strong>, one of the main applications of our products of clay is related to the fire: Barbecues, <strong>clay ovens</strong>, fireplaces ...';
fuego[2] = 'We have a wide variety of barbecue, each made up of quality products, combining <strong>rustic brick, Arabic tiles, ceramic brick,</strong> etc.';
fuego[3] = 'We make your barbecue as you can choose either one of our models, we have different designs, as you see in the pictures. In addition we also offer installation and treatment.';
fuego[4] = 'We have a wide variety of <strong>clay kilns</strong>, retaining the traditional manner of manufacturing and using rustic brick in its preparation for further heat conservation.';
fuego[5] = 'As with the barbecue, we can make your custom <strong>clay oven</strong> or choose from a wide range of models available, as can be seen in these images.';
fuego[6] = 'All our products <strong> clay </strong> are made of quality materials (<strong> rustic brick, tile Arabic, ceramic brick </strong>, etc..), Which make them more resistant than conventional coming to withstand high temperatures..';
fuego[7] = 'We have different designs of fireplaces, which are perfectly suited to your property and will give your home more attractive.';
fuego[8] = 'The fireplace has become a traditional product increasingly defendant, the variety of proposals that we will offer you different than any other.';
fuego[9] = 'The <strong>rustic brick</strong> or <strong>ceramic bricks</strong>, manufactured using traditional methods, is more resistant to high temperatures, which gives greater reliability to our products.';
fuego[10] = 'As you can see, the combination of these <strong>clay</strong> products can result in very attractive designs and different.';

function cambiaBordeSeleccion(foto) {
	// Quito la selección a la imagen actual
	document.all[imagenSeleccionada].border = 0;		
	// Selecciono la nueva imagen
	document.all[foto].border = 2;
	imagenSeleccionada = foto;
}

function cambiaTitulo(opcion) {
	var titulo = "";
	
	if (opcion=="solerias") {		
		titulo = "&#8212; Flooring &#8212;";
		direFoto = "../../../resources/images/fotos/solerias/";
		arrayTexto = solerias;
	} else if (opcion=="interiores") {	
		titulo = "&#8212; Interior &#8212;";
		direFoto = "../../../resources/images/fotos/interiores/";
		arrayTexto = interiores;
	} else if (opcion=="exteriores") {	
		titulo = "&#8212; External &#8212;";
		direFoto = "../../../resources/images/fotos/exteriores/";
		arrayTexto = exteriores;
	} else if (opcion=="varios") {	
		titulo = "&#8212; Other &#8212;";
		direFoto = "../../../resources/images/fotos/varios/";
		arrayTexto = varios;
	} else if (opcion=="fuego") {	
		titulo = "&#8212; Fire &#8212;";
		direFoto = "../../../resources/images/fotos/fuego/";
		arrayTexto = fuego;
	}
	
	
	imprimirIconos(opcion); 
	imprimirFotoTexto(1);
	
	document.getElementById('titulo').innerHTML = titulo;		
}

// --------------------------------------------------------------------------------

// Funcion para imprimir las fotos de los iconos segun la opcion elegida
function imprimirIconos(opcion) {
	var direIco = "";	

	if (opcion=="solerias") {	
		direIco = "../../../resources/images/fotos/solerias/iconos/";
		direFoto = "../../../resources/images/fotos/solerias/";
	} else if (opcion=="exteriores") {	
		direIco = "../../../resources/images/fotos/exteriores/iconos/";
		direFoto = "../../../resources/images/fotos/exteriores/";
	} else if (opcion=="interiores") {	
		direIco = "../../../resources/images/fotos/interiores/iconos/";
		direFoto = "../../../resources/images/fotos/interiores/";
	} else if (opcion=="varios") {	
		direIco = "../../../resources/images/fotos/varios/iconos/";
		direFoto = "../../../resources/images/fotos/varios/";
	} else if (opcion=="fuego") {	
		direIco = "../../../resources/images/fotos/fuego/iconos/";
		direFoto = "../../../resources/images/fotos/fuego/";
	}  
	
	// Cargamos imagenes
	for (i=1; i <= num_iconos; i++) {
		iconId = "foto"+i;
		iconIm = "foto"+i+".jpg";
		document.getElementById(iconId).src = direIco+iconIm;	
	}
}

function imprimirFotoTexto(numeroFoto) {
	document.foto.src = direFoto + imagenes[numeroFoto];
	var texto = arrayTexto[numeroFoto];
	document.getElementById('texto').innerHTML = texto;
	
	cambiaBordeSeleccion("foto"+numeroFoto);
}

// Cambia el borde de la imagen seleccionada
function cambiaBordeSeleccion(foto) {
	// Quito la selección a la imagen actual
	document.getElementById(imagenSeleccionada).border = 0;	
	// Selecciono la nueva imagen
	document.getElementById(foto).border = 3;

	imagenSeleccionada = foto;
}