var tablaFotos;
var anchoFoto	 = 75;
var altoFoto 	 = 75;
// Configuramos la anchura del menu
var anchoVentana = 0;// (screen.width /2);
var sizeVentana = 0;
//	anchoVentana = screen.availWidth *  0.46 + 'px';
//anchoVentana = parseInt(parseInt(screen.availWidth - 271,10 )* 0.60,10);

//anchoFoto = parseInt(anchoVentana / 6 ,10);
//alert(anchoFoto);
var anchoActual; 
// Configuramos la velocidad del scroll (1-10), contra mayor sea el valor 
// mas rapido
var velocidadScroll=10;

	var ancho;
	(screen.width > 800)?ancho='1024':ancho='800';

var esIE = navigator.userAgent.toLowerCase().indexOf('msie')!=-1;

window.onload = cargarTablaImagenes;


function calcularVentana(){
	anchoVentana = document.getElementById('tbPagina').offsetWidth * 0.85;
	anchoFoto = parseInt(anchoVentana / 6 ,10);	
}


function ponerCapas(){ 

	
	var anchoCapa = parseInt( (anchoFoto + 3 )* 6, 10);

	var anchoRect = parseInt( anchoCapa - 3,10);
	var altoRect  = parseInt( altoFoto + 3,10);


	var 	txt   = '<div class="contenedor" id="contenedor" style="position:relative">';
			if (ancho == '1024')
//			{	txt += '\n\t<div class="rectangulo" style="position:absolute;clip: rect(0em, 14em, 5.6em, 0em);top:0px;left:0px"> '}
//			{	txt += '\n\t<div class="rectangulo" id="rectangulo" style="position:absolute;clip: rect(0px, '+ document.getElementById("tdVentana").offsetWidth + 'px, '+ document.getElementById("tdVentana").offsetHeight + 'px, 0px);top:0px;left:0px"> '}
			{	txt += '\n\t<div class="rectangulo" id="rectangulo" style="position:absolute;clip: rect(0px, 0px,0px,0px);top:0px;left:0px"> '}
			else
			{	txt += '\n\t<div class="rectangulo" style="position:absolute;clip: rect(0em, 12em, 3.5em, 0em);top:2px;left:0px"> '}
 			txt += '\n\t\t<div class="ventana" id="ventana" style="left:0px;right:0px">';
 			txt +='\n</div></div></div>';

			return(txt);
 			document.write(txt);
}

function ponerTablaVentana(){ 
	if (tablaFotos)
	{
	var txt   = '<table border="0" height="100%"><tr>';
		  txt += '\n\t<td valign="top" onmouseover="moverIzda()" onmouseout="clearTimeout(irIzda)" valign="middle" align="right">';
          if (ancho == '1024')		  
          {	  txt += '\n\t\t<img alt="Izda" src="..//ImagenesLaPedrera//Logos//retroceder2.jpg" width="100%" height="75%"></td>';}
          else
          {	  txt += '\n\t\t<img alt="Izda" src="..//ImagenesLaPedrera//Logos//retroceder2.jpg" width="75%"></td>';}
		  txt += '\n\t<td valign="middle" id="tdVentana" width="80%" height="100%"></td>';
		  txt += '\n\t<td valign="top" onmouseout="clearTimeout(irDcha)" onmouseover="moverDcha()" valign="middle" align="left">';
          if (ancho == '1024')		  
          {  txt += '\n\t\t<img src="..//ImagenesLaPedrera//Logos//avanzar2.jpg" alt="Dcha" width="100%" height="75%" ></td>';}
          else
          {  txt += '\n\t\t<img src="..//ImagenesLaPedrera//Logos//avanzar2.jpg" alt="Dcha" width="75%" ></td>';}
		  txt += '\n</tr></table>';

		  return (txt);
		  document.write(txt);
		  
		  document.getElementById('tdVentana').innerHTML = ponerCapas();
		  alert('fin tablav entana');
	}return ' ';
}	

function cargarFotoGrande(foto){
	var estaFoto = fotosGrandes + tablaFotos[foto][1] + '.jpg';
	document.getElementById('portada').style.visibility = 'visible';
	document.getElementById('portada').src = estaFoto;
	document.getElementById('portada').title = tablaFotos[foto][0];
	
}

function cargarTablaImagenes(){  
// creamos la tabla en la capa donde van a estar las imagenes
//	document.getElementById('trFotos').height = document.getElementById('pagina').offsetWidth * 70 / 100 + 'px';
	if (!document.getElementById('ventana')) return;
	document.getElementById('ventana').innerHTML = '\n<nobr><table id="tbImgPq" border="0"></table></nobr>';

	var tabla = document.getElementById('tbImgPq');
	var fila    =  tabla.insertRow(-1);
	var sizeFoto = parseInt(document.getElementById("tdVentana").offsetHeight - 15 , 10) + 'px'; 


	for (var i=0;i<tablaFotos.length;i++){
		var fuentePq = dirFotos + tablaFotos[i][1] + '.jpg';
		var celda = fila.insertCell(-1);
		
		var txt = '<a href="javascript:cargarFotoGrande('+i+')">';		
			txt+= '<img src="'+fuentePq+'"  alt="'+tablaFotos[i][0]+'" title="foto '+i+'" width="'+ sizeFoto +'" height="'+ sizeFoto +'">';
			txt+= '</a>';
		celda.innerHTML = txt;		
		sizeVentana += parseInt(document.getElementById("tdVentana").offsetHeight,10);
	}
	var zona = 'rect(0px, ' +  + document.getElementById("tdVentana").offsetWidth + 'px, '+ document.getElementById("tdVentana").offsetHeight + 'px, 0px)';
		document.getElementById("rectangulo").style.clip = zona;
		document.getElementById("contenedor").style.width = document.getElementById("tdVentana").offsetWidth;
		document.getElementById("contenedor").style.height = document.getElementById("tdVentana").offsetHeight;		
	 anchoActual = document.getElementById('ventana').offsetWidth;
	 anchoVentana = document.getElementById('tdVentana').offsetWidth;
//	 alert('ancho Actual : ' + anchoActual +'\nancho Ventana ' + anchoVentana + '\nSizeVentana ' + sizeVentana + '\nventana.style.left ' + ventana.style.left);
	 var izda = document.getElementById('ventana').style.left;
	 var dcha = document.getElementById('ventana').style.right;	 

}

//funcion para moverse a la izquierda
function moverIzda(){

var ventana = document.getElementById('ventana');

	if(parseInt(ventana.style.left,10)  < 0 )
		ventana.style.left = parseInt(ventana.style.left,10)  + velocidadScroll + 'px';
	irIzda=setTimeout("moverIzda()",50)
}

// Funcion para moverse a la derecha
function moverDcha(){
	var ventana = document.getElementById('ventana');
//	var esIE = navigator.userAgent.toLowerCase().indexOf('msie')!=-1;
	if (esIE)
	{
		if(parseInt(ventana.style.left,10) > (parseInt(anchoVentana - anchoActual,10)) )   // IE
		{		ventana.style.left = parseInt(ventana.style.left,10) - velocidadScroll + 'px' ;			}
	}else{
		if(parseInt(ventana.style.left,10) > (parseInt(anchoVentana - sizeVentana + 30,10)) )   // NE	
		{		ventana.style.left = parseInt(ventana.style.left,10) - velocidadScroll + 'px' ;			}		
	}		
	window.status = ventana.style.left;
	irDcha=setTimeout("moverDcha()",50)
}