var ie = (document.all) ? true : false;
var anchoPantalla = (ie) ?screen.availWidth:parseInt(window.innerWidth);

//PARAMETROS
//___________________________________________________________________

var path="colecciones/"
var coleccion="oi/";//otonio invierno
var dirMiniFotos="minifotos/";
var dirFotos="fotos/";
var dirFotosGrandes="fotosGrandes/";
var dirInicio="./";

var nombreMiniFotos="imagenp";
var extenMiniFotos =".jpg";
var nombreFotos    ="imageng";
var extenFotos     = ".jpg";
var nombreFotosGrandes    ="imageng";
var extenFotosGrandes     = ".jpg";

var numFotos =15;
var numMiniFotos=15;
var numFotosGrandes=15;

var url_alpargataCervera= "http://www.alpargatadecervera.com";



//RESTO DE VARIABLES
//____________________________________________________________________


var cursorAgrandar= new Image();
    cursorAgrandar.src="imagenes/agrandar.ico";
var play_stop = new Image();

var mapa				= new Image();

var modoAutomatico=false;
var id_timeOut;
var id_timeOutTira;
var id_timeOutReco;
var id_timeOutMiniFotoGrande;
var direccionTira=0;// = -1 izq; = 0 parada; = 1 derecha
var topeIzqTira=200;
var topeDerTira=595;

var indiceFoto = 0;
var indiceMiniFoto = 0;
var miniFotos= new Array(numMiniFotos);
var fotos = new Array (numFotos);
var fotosGrandes = new Array (numFotosGrandes);

var capas = new Array (1);
var menu  = new Array (1);
var botonesMenu = new Array(4);
var nombreMiniFotoGrande;
var margenIzqPantalla;
var miniFotoGrandeOcupada=false;
var ventana;

capas[0]= "tira";
capas[1]= "inicio";
capas[2]= "empresa";
capas[3]= "coleccion";
capas[4]= "contactar";
capas[5]= "capa_miniFotoGrande";

menu[0]= "bInicio";
menu[1]= "bEmpresa";
menu[2]= "bColeccion";
menu[3]= "bContactar";

botonesMenu[0]= new Image();
botonesMenu[1]= new Image();
botonesMenu[2]= new Image();
botonesMenu[3]= new Image();

botonesMenu[0].src="imagenes/inicio.jpg";
botonesMenu[1].src="imagenes/empresa.jpg";
botonesMenu[2].src="imagenes/coleccion.jpg";
botonesMenu[3].src="imagenes/contactar.jpg";

//FOTOS
//_____________________________________________________________________________



for (var i = 0;i< numMiniFotos; i++)
{
 miniFotos[i]= new Image();
 miniFotos[i].src=path+coleccion+dirMiniFotos+nombreMiniFotos+i+extenMiniFotos;

}

cursorAgrandar.src="./imagenes/agrandar.ico";
mapa.src					="./imagenes/mapa1.jpg";
play_stop					= "imagenes/play_stop.gif";


//FUNCIONES
//_____________________________________________________________________________

function Inicializar()
{


  var capaPrincipal = document.getElementById('capa_principal');
  capaPrincipal.style.left= (anchoPantalla - 800) / 2;
	margenIzqPantalla=capaPrincipal.offsetLeft ;
 
	var nombre = "todas";
	

 
  OcultarCapa("todas");  
	Mostrar("inicio");
	
	OcultarCapa("mascara");
  
} 
function CargarFotos()
{
botonesMenu[0].src="imagenes/inicio.jpg";
botonesMenu[1].src="imagenes/empresa.jpg";
botonesMenu[2].src="imagenes/coleccion.jpg";
botonesMenu[3].src="imagenes/contactar.jpg";

play_stop.scr="imagenes/play_stop.gif";

  for (var i = 0;i< numMiniFotos; i++)
	{
	  miniFotos[i]= new Image();
 		miniFotos[i].src=path+coleccion+dirMiniFotos+nombreMiniFotos+i+extenMiniFotos;

	}
	
 
  for (var i = 0;i< numFotos; i++)
	{
 	 		fotos[i]= new Image();
 			fotos[i].src=path+coleccion+dirFotos+nombreFotos+i+extenFotos;
 
  }

 var imagen = document.getElementById('imagen');
	imagen.src=fotos[indiceFoto].src;
	
	for (var i = 0;i< numFotosGrandes; i++)
	{
 	 		fotosGrandes[i]= new Image();
 			fotosGrandes[i].src=path+coleccion+dirFotosGrandes+nombreFotosGrandes+i+extenFotosGrandes;
 
 	}
	
}

function Foco(elemento)
{
  var elem = document.getElementById(elemento);
		
	 for (var i = 0; i < menu.length; i++)
	 {
	 		 document.getElementById(menu[i]).style.backgroundPosition="top left"; 
	 }
	 	
   elem.style.backgroundPosition="bottom left";
	 
}


function IrAInicio()
{
  document.location.href=dirInicio; 
}

function AbrirEnlace(destino)
{ 
  
  var destino_;
	var nombre;
	
 		 switch (destino)
 		 {								 					
																																	
				case 'AlpargataCervera': destino_= url_alpargataCervera;
						 										 nombre= "CalzadoCervera";
						 										break;
				default :break;													
				 
		 }	
		 window.open(destino_,nombre,"type=fullWindow,scrollbars=yes,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,resizable=no");
		 CargarFotos();   
   	
 
}

function OcultarCapa(nombre)
{
 
 if (nombre == 'todas' )
 {	 	 
 
		 	 for (var i = 0; i<capas.length; i++)			 
		   		 document.getElementById(capas[i]).style.visibility='hidden';
					 			 
	}//if (nombre...)
	else
	{
	 		document.getElementById(nombre).style.visibility='hidden';
	}
				 
}

function Mostrar(nombre)
{
 		document.getElementById(nombre).style.visibility="visible";
}

function CambiarImagen(nombreImagen)
{
 	var imagen_ = document.getElementById("imagen");
	var src_;
	if (nombreImagen=="miniFoto")
	{
		indiceFoto=indiceMiniFoto;
	}	
	
		src_ = fotos[indiceFoto].src;
		
	imagen_.src = src_;
	
}

function SiguienteImagen ()
{  
 	  indiceFoto = ( (indiceFoto+1) % numFotos);
 	  CambiarImagen (fotos[indiceFoto]); 
}

function AnteriorImagen ()
{
 	  indiceFoto = ( (indiceFoto+numFotos-1) % numFotos);
 	  CambiarImagen (fotos[indiceFoto]); 	 
}

function pararModoAutomatico()
{
 		if (modoAutomatico)
		{
		  var elemento=document.getElementById("img_play_stop");
 			clearInterval(id_timeOut);
			modoAutomatico=false;
			elemento.style.backgroundPosition="top left";
			
 		}		 
}

function iniciarModoAutomatico()
{
   if (!modoAutomatico)
	 {
	    var elemento=document.getElementById("img_play_stop");
 			id_timeOut = setInterval("SiguienteImagen()",3000);
			modoAutomatico=true;
			elemento.style.backgroundPosition="bottom left";
			
	 }		
}

function ModoAutomatico ()
{
 		if (modoAutomatico)
		{
			pararModoAutomatico();
		}	
		else
		{		 
 			iniciarModoAutomatico();
		}				
}
function MoverTira(direccion)
{
 		 var intervalo=10;
		 numpx=2;
 		 switch (direccion)
 		 {
 				case 'izquierda': if (direccionTira!=-1)
						 							{
													 PararTira();
													 id_timeOutTira = setInterval("MoverTiraXpx(-"+numpx+")",intervalo);
													 direccionTira=-1;
													}
				
						 					break;
											
				case 'derecha': if (direccionTira!=1)
						 							{
													 PararTira();
													 id_timeOutTira = setInterval("MoverTiraXpx("+numpx+")",intervalo);
													 direccionTira=1;
													}
				
						 					break;						
				
				default: break;
		 }
}

function MoverTiraXpx(numpx)
{
 var tira = document.getElementById("tira_miniFotos");
 var nuveoValor;

 if  ( ( parseInt(tira.style.left) + numpx )  <= topeIzqTira )
   if( (parseInt(tira.clientWidth)+ parseInt(tira.style.left)+ numpx)>=topeDerTira )
 tira.style.left = parseInt(tira.style.left)+ parseInt(numpx);

}
		 
function PararTira()
{
    clearInterval(id_timeOutTira);
 		direccionTira=0;
}

function contenido(opcion)
{
 var eDIV;
 var contenido;
 
 contenido=document.getElementById("contenido");
 	
 OcultarCapa("todas");										
 switch (opcion)
 {								 					
																																	
				case 'inicio': 		Mostrar("inicio");
						 							Foco("bInicio");															  																																												
													break;
				
				case 'empresa':   Mostrar("empresa");
						 							Foco("bEmpresa");									 																									
													break;
													
 				case 'coleccion': Mostrar("tira");						 								
													Mostrar("coleccion");
													Foco("bColeccion");
													break;
													
				case 'contactar': Mostrar("contactar");
						 							Foco("bContactar");																																			
													break;								 																				
							
				default: ;									
 }
 
}


function MostrarRecomendaciones()
{

  document.getElementById('recomendaciones').style.visibility="visible";
	id_timeOutReco = setInterval("OcultarRecomendaciones()",4000);
}

function OcultarRecomendaciones()
{
  clearInterval(id_timeOutReco);
  document.getElementById('recomendaciones').style.visibility="hidden";
}

function AgrandarMiniFoto(ev,nombreImagen,indice)
{
 
 nombreMiniFotoGrande=nombreImagen;
 indiceMiniFoto=indice;
 
 id_timeOutMiniFotoGrande = setTimeout("OcultarMiniFotoGrande()",1000);

 var miniFoto= document.getElementById(nombreImagen);
 var miniFotoGrande=document.getElementById("miniFotoGrande");
 var capa = document.getElementById('capa_miniFotoGrande');


 miniFotoGrande.src = miniFotos[indiceMiniFoto].src ;
 
 var x_= findPosX(miniFoto)- margenIzqPantalla - 7;
 var y_= findPosY(miniFoto)- 7 ;
 capa.style.top = y_ ;
 capa.style.left= x_ ;
 capa.style.visibility="visible";

}
function OcultarMiniFotoGrande()
{
   miniFotoGrandeOcupada = false; 
	 document.getElementById('capa_miniFotoGrande').style.visibility="hidden"; 
}
function SobreMiniFotoGrande()
{
  clearTimeout(id_timeOutMiniFotoGrande);
	miniFotoGrandeOcupada = true;
}
function AgrandarFoto()
{
 
  if (ventana) ventana.close();
  ventana = window.open(fotosGrandes[indiceFoto].src,'Imagen','dependent=no,height=450,width=650');
  CargarFotos();
}

function AgrandarMapa()
{
  if (ventana) ventana.close();
	ventana = window.open("localizacion.htm",'Mapa','dependent=yes,height=450,width=650');
  CargarFotos();
  
}

function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }
	
function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }