//GLOBALS
var gal_title = '<table width="600" border="0" align="left" cellspacing="0" cellpadding="0"><tr><td width="30" rowspan="3">&nbsp;</td><td width="22" rowspan="3"><img src="images/pil_c.gif" width="30" height="30"></td><td width="548"><img src="blancos/5_v.gif" width="1" height="5"></td></tr><tr><td align="left"><font color="#ffffff" >&nbsp;&nbsp;&nbsp;Galeria de fotos:</font><font color="#ffff00">'; //title of the gallery
var cont=0;
var a,b,c,d;
var txt_prev = 'Anterior'; //text "previous image"
var txt_close = 'Cerrar'; //text "close"
var txt_next = 'Siguiente';  //text "next image"
var img_big = 'galerias';  //folder with subfolders that contain big images
var img_small = 'small'; //folder with subfolders that contain small images (thumbnails)
var img_name = 'photo';  //image name (e.g. the first image is photo-001 - or if you change name to "image" then the first image name is image-001)
var ext_big = 'jpg';  //extension (filetype) for big images
var ext_small = 'gif';  //extension (filetype) for small images
var gal_cols = 2;  // how many columns per page - see how many columns you get if you change the width of gallery (#gallery,#footer width in css)
var gal_rows = 1;  // how many rows to skip before scroll starts (1 is just fine)
var imgs_height = 114 + 10; // <.imgs class height> + (2 * 5) px for margin (see css file for height)
var comments_height = 140 + 10; // <.comments class height> + (2 * 5) px for margin (see css file for height)
//GLOBALS - GALLERY FOLDERS ('<folder>', <number of images>, <allow comments 1 = yes 0 = no>), don't forget last array is without ,
var folders = Array (
  
   Array('Santiago de Compostela 2010',29,0),
  Array('Tus fotos',29,0),
 /* Array('Santiago de Compostela',50,0),*/
  Array('Playa de Bayas',20,0),
  Array('Rutas de nenes',26,0),
  Array('Los Molinos',14,0),
  Array('Simpaticas',27,0),
  Array('San Pedro',18,0),
  Array('La matanza de Valliniello',18,0),
  Array('Cangas de Narcea',40,0),
  Array('Bosques de Somiedo',25,0),
  Array('Covadonga',29,0),
  Array('Pueblos Vaqueiros',6,0),
  
  
  
  Array('El Valle',31,0),
  Array('Oscos',55,0),
  Array('Calzada Romana',33,0),
  Array('Oleiros',11,0),
  Array('Tapia',23,0),
  Array('Vaqueiras',8,0)
  
  
  
  
);
/*var nombres = Array (
  Array('San Pedro',11,1),
  Array('Lamuņo',5,0),
  Array('Peņas Baqueiras',6,0),
  Array('Ballas',6,0)
);*/
//START
window.onload = function(){ 
 showGallery(0,folders[0][1],folders[0][0],folders[0][2]);
}
//GALLERY FUNCTIONS
function writeData(rdata,gal_scroll){
 document.getElementById('gallery').innerHTML = rdata;
 scrollTo(0,gal_scroll);
}
function imgEfx(img,px,fr){
 fr++;
 if (fr <= 7){
  px = px + Math.round(fr/3);
  pxl = Math.round(px/1,5)
 }else{
  px = px - 3;
  if (px < 0)px = 0;
  pxl = px;
 }
 try{
  document.getElementById('img' + img).style.marginTop = px + 'px';
  document.getElementById('img' + img).style.marginLeft = pxl  + 'px';
 }catch(e){
   px = 0;
 }
 if (px > 0)setTimeout('imgEfx('+ img + ','+ px +','+ fr +')',5); 
 return; 
}
function leadingZero(img_get){
  if (img_get < 10)img_set = "00" + img_get;
  if (img_get > 9 && img_get < 100)img_set = "0" + img_get;
  if (img_get > 99)img_set = img_get;
  return img_set;
}
function showMenu(){
 rdata = '<center><table WIDTH="220"  border="0" ><tr><td  height="240" ALIGN="LEFT"><br><br><DIV class=blur2 style="position:absolute; left:50 %x; top:420px;margin-left: -70px">';
 
 for (f = 0; f < folders.length; f++){
  //alert(f+1)
  rdata += '&nbsp;&nbsp;&nbsp;&nbsp;<b><a href="javascript:showGallery(0,'+folders[f][1]+',\''+folders[f][0]+'\','+folders[f][2]+')" class="fotos">'+folders[f][0]+'</a></b><br>';
  if (f < folders.length - 1)rdata += '';
 }
 rdata +=' </div></td></tr></table></center>';
 //rdata += '</div></div></div>';
 return rdata; 
}
function showHeader(folder){
 rdata = ''; 
 rdata += ''+ gal_title +'&nbsp;&nbsp;<b>'+ folder +'</b></font></b></td></tr><tr><td><img src="blancos/5_v.gif" width="1" height="5"></td></tr></table><br><br>';
 return rdata; 
}
function showFooter(){
 rdata = '</div>';
 rdata += '';
 return rdata; 
}
function showGallery(img_get,img_max,folder,comments){
 
 gal_scroll = Math.round(img_get / gal_cols) - gal_rows;
 if (gal_scroll < 0)gal_scroll = 0;
 switch (comments){
  default:
   gal_scroll = gal_scroll*comments_height;
   img_class = 'comments';
  break;
  case 0:
   gal_scroll = gal_scroll*imgs_height;
   img_class = 'imgs';
  break;
 } 
 
 rdata = showHeader(folder);
 rdata += showMenu();
 
 rdata += '<center><table width="88%"  border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table width="100%"  border="0"  align="" cellpadding="0" cellspacing="0"><tr><td align="center"> ';
 for (display = 1; display <= img_max; display++){
  img_set = leadingZero(display);
  
 
  is_return = 'image';
  if (display == img_get)is_return = 'return';  
  
  rdata += '</a><div style="background-color: #000000;" id="'+ is_return +'" class="'+ img_class +'">';
  
  
  rdata += '<div class="image"><a href="javascript:;showImage('+ display +','+ img_max +',\''+ folder +'\','+ comments +');va()"><img id="img'+ display +'" src="'+ img_small +'/'+ folder +'/'+ img_name +'-'+ img_set +'.'+ ext_small +'"  onmouseover="imgEfx('+ display +',1,0)"> </a></div>';
  
//if (comments == 1)rdata += '<iframe frameborder="2" scrolling="no" src="comments/'+ folder +'.html#'+ display +'"></iframe>';
  
  rdata += '</div>';
  
 }
 
 rdata += '</td></tr></table></td></tr></table></center>';
 
 
 writeData(rdata,gal_scroll);
}
function va()
{location.href="#img"
location.href="#img"
}
function showMenu2(){
/*
 rdata = '<table WIDTH="220" border="0"><tr><td ALIGN="LEFT"><DIV class=blur3><DIV class=shadow3><DIV class=content4>';
 for (f = 0; f < folders.length; f++){
  rdata += '&nbsp;<img src="images/pil_dg.gif" width="8" height="10">&nbsp;&nbsp;&nbsp;<b><a href="javascript:showGallery(0,'+folders[f][1]+',\''+folders[f][0]+'\','+folders[f][2]+')" class="fotos">'+folders[f][0]+'</a></b><br>';
  if (f < folders.length - 1)rdata += '';
 }
 rdata +=' </div></div></div></td></tr></table>';
 //rdata += '</div></div></div>';
 return rdata; */
}
 var img_big_f;
 var folder_f;
 var img_name_f;
 var img_set_f;
 var  ext_big_f;
 var imagen_gal;
function showImage(img_get,img_max,folder,comments){
 img_set = leadingZero(img_get);
 
 img_next = img_get + 1;
 img_prev = img_get - 1;
 if (img_next > img_max)img_next = 1;
 if (img_prev < 1)img_prev = img_max;
 
 
 rdata = showHeader(folder);
 rdata += '<br><br><TABLE WIDTH="385" BORDER="0" CELLSPACING="0" CELLPADDING="0"><TR><TD BGCOLOR="#000000" VALIGN="TOP"><a name="img"></a><div align="center"><a href="javascript:showImage('+ img_prev +','+ img_max +',\''+ folder +'\','+ comments +');va()" class="enlace_gal"><img src="new_img/arrow_iz.gif" width="20" height="17" border="0" alt="ANTERIOR">&nbsp;&nbsp;'+txt_prev+'</a>';
 rdata += '  <font color="#0066FF"> | </font> <a href="javascript:showGallery('+ img_get +','+ img_max +',\''+ folder +'\','+ comments +')" class="enlace_gal">'+txt_close+'</a>  <font color="#0066FF"> | </font> ';
 rdata += '<a href="javascript:showImage('+ img_next +','+ img_max +',\''+ folder +'\','+ comments +');va()" class="enlace_gal">'+txt_next+'&nbsp;&nbsp;<img src="new_img/arrow_dr.gif" border="0" alt="SIGUIENTE"></a></div><font color="#FFFFFF"><b><font face="Arial, Helvetica, sans-serif"></font></b></font></TD></TR></TABLE>';
 rdata += '<p><table><tr><td><DIV class=blur><DIV class=shadow><DIV class=content3><a href="javascript:showGallery('+ img_get +','+ img_max +',\''+ folder +'\','+ comments +')"><img src="'+ img_big +'/'+ folder +'/'+ img_name +'-'+ img_set +'.'+ ext_big +'"></a></div></div></div></td></tr></table>';
 rdata += '<p><font color=#ffffff>'+ img_get +' / '+ img_max +'</font><br>';
 rdata += '<br>';
        rdata += '<br><a href="#" onClick="startDownload()" class="enlace_gal"><b>Descargar archivo</b> </a>';
 
 imagen_gal= img_big +'/'+ folder +'/'+ img_name +'-'+ img_set +'.'+ ext_big;
  
 rdata += showFooter();
 //rdata += showMenu2();
 writeData(rdata,0);
}
function startDownload()   
                     {   
       //alert("hola")
       
        var url = imagen_gal;
                       //var url='http://server/folder/file.ext';     
                         window.open(url,'Download');   
                      }