//CODIGO PARA EL VISOR DE IMAGENES:

//DECLARACIÓN DE VARIABLES



//Matrices para la precarga de imagenes (teniendo en cuenta que existen 4 categorias:

var ls_imagenes = new Array();//vector con las carpetas donde se alojan las imagenes para cada categoria.

var ls_thumbs_a = new Array();//vector de imagenes pequeñas activas.(Menu)

var ls_thumbs_s = new Array();//vector de imagenes pequeñas sombredas.(Menu)

var QImg        = new Array();//Vector que indica la cantidad de imagenes de cada componente.

var ACT;//Variable que indica la imagen activa del visor.

var LOC;//Variable que indica cual es la primera imagen de la tira de imagenes.

var DESP;//Variable que indica el numero de desplazamientos realizados en la tira de imagenes.





//INICIALIZACIÓN DE VARIABLES

     //Carpetas de alojamiento de las imagenes para cada categoria:

          ls_imagenes[0] = ' '; //Categoria 1.

          ls_imagenes[1] = 'Autocars55'; //Categoria 1.

          ls_imagenes[2] = 'Autocars35'; //Categoria 2.

          ls_imagenes[3] = 'Minibus20'; //Categoria 3.

          ls_imagenes[4] = 'Vehicles'; //Categoria 4.

     //Cantidad de imagenes en cada categoria:

          QImg[0] = 4;//Cantidad de Imagenes de la categoria 0.

          QImg[1] = 4;//Cantidad de Imagenes de la categoria 1.

          QImg[2] = 4;//Cantidad de Imagenes de la categoria 2.

          QImg[3] = 4;//Cantidad de Imagenes de la categoria 3.

          QImg[4] = 6;//Cantidad de Imagenes de la categoria 4.

     //Imagen activa inicial:

          ACT = 0;

     //Localizacion de la primera imagen inicial en la tira de imagenes:

          LOC = 0;

     //Inicialmente no existen desplazamientos en la tira de imagenes.

          DESP= 0;





//FUNCIONES DE PRECARGA

//Las imagenes grandes no se precargaran. Solo se cargaran si el usuario realmente quiere verlas al seleccionar alguna de ellas.

function Precarga() {//v1.0

     //Precarga de las imagenes del menu:

     for (i=1;i<QImg[0]+1;i++){

          ls_thumbs_a[i]=new Image;

          ls_thumbs_a[i].src='imatges/Thumbs/'+ls_imagenes[i]+'c.jpg';

          ls_thumbs_s[i]=new Image

          ls_thumbs_s[i].src='imatges/Thumbs/'+ls_imagenes[i]+'sc.jpg';

     }

}



//FUNCIONES DEL MENU

//Funcion de cambio entre imagenes activas e inactivas del menu:

function Cambia_Activa(id){

     if(id!=ACT) document.getElementById(id).src=ls_thumbs_a[id].src;

}



function Cambia_Sombreja(id){

     if (id!=ACT) document.getElementById(id).src=ls_thumbs_s[id].src;

}



function Activa_gal(id){

     if(ACT==0){

          ACT=id;

     }

     else {

          if (id!=ACT) {

               var temp=ACT;

               ACT=id;

               Cambia_Sombreja(temp);

          }

     }

     //Carrega galeria id

     for (var i = 1; i < QImg[id]+1; i++) {

          document.getElementById('Tvis'+i).background='imatges/'+ls_imagenes[id]+'/0'+i+'.jpg';

/*          if(ie5){

               document.getElementById('Tvis'+i).style.filter="alpha(opacity=100)";

               document.getElementById('Tvis'+i).filters.alpha.opacity = opacity;

          }

          if(ns6){

               document.getElementById('Tvis'+i).style.MozOpacity = 1;

               document.getElementById('Tvis'+i).style.MozOpacity = opacity + '%';

          }*/

     }

     NTImg=QImg[id];

     NAImg=1;

}



//FUNCIONES DE DESPLAZAMIENTO

//Funciones de control de desplazamiento por la tira de imagenes.

//control de las flechas de desplazamiento.

function Flecha_Over(id){

     if (id=='fd'){

          if(DESP+4<QImg[0])document.getElementById(id).src="imatges/Thumbs/flecha_da.gif";

     }

     else if(DESP>0)document.getElementById(id).src="imatges/Thumbs/flecha_ia.gif";

}



function Flecha_Out(id){

     if (id=='fd'){

          if(DESP+4<QImg[0])document.getElementById(id).src="imatges/Thumbs/flecha_dv.gif";

     }

     else if(DESP>0)document.getElementById(id).src="imatges/Thumbs/flecha_iv.gif";

}

//Funcion que eliminara la flecha cuando esta ya no sea necesaria.

function Elimina_Flecha(id){

     document.getElementById(id).src="imatges/Thumbs/no_flecha.gif";

}

//desplazamiento de las imagenes.

function Desplaza_Thumbs(id){

     if (id=='fd'){

          //Se comprueba que se puede desplazar:

          if (DESP+4<QImg[0]){

               DESP++;

               for(i=1; i<4; i++) document.getElementById(i).src=document.getElementById(i+1).src;

               document.getElementById(4).src=ls_thumbs_s[DESP+4].src;

               if (DESP+4>=QImg[0]) Elimina_Flecha(id);

               document.getElementById('fi').src="imatges/Thumbs/flecha_iv.gif";

          }

     }

     else {

          //Se comprueba que se puede desplazar:

          if(DESP>0){

               for(i=4; i>1; i--) document.getElementById(i).src=document.getElementById(i-1).src;

               document.getElementById(1).src=ls_thumbs_s[DESP].src;

               DESP--;

               if (DESP<1) Elimina_Flecha(id);

               document.getElementById('fd').src="imatges/Thumbs/flecha_dv.gif";

          }

     }

}