//Script para galerías de Fotos y videos. © 2007 - Juan I. Serra - Osmosis D.C. http://www.osmosisdc.com 
  var fotos = new Array();  
  var ps = new Array();  
  var psv = new Array();  
  var videos = new Array();  
  var frases = new Array();
    
  function galerias(id) {

    if($('galv'+id) && $('galf'+id)) { // Entonces hay 2 tabs
      // Ocultar videos
      $('galv'+id).style.display = 'none';
      // Anular los links de los tabs
      $('fot'+id).href = $('vid'+id).href = 'javascript:void(0);';
      // Acción de los tabs
      $('vid'+id).onclick = function () {
        if($('galv'+id).style.display = 'none') {
          tabVideos(id);
        }
      }
      $('fot'+id).onclick = function () {
        if($('galf'+id).style.display = 'none') {
          tabFotos(id);
        }
      }
      // Tab Video con distinto fondo
      $('vid'+id).style.backgroundPosition = "0px -15px";
      // Ejecutar la función de las fotos
      mostrarFotos(id);
/*
		losvideos = $('video'+id).getElementsByTagName('p');

		videos[id] = new Array();
		frases[id] = new Array();

		for (x = 0; x < losvideos.length; x++) {

			elvideo = losvideos[x].innerHTML.split(':');

			videos[id][x] = elvideo[0];
			frases[id][x] = elvideo[1];

		};
*/
      mostrarVideos(id);
    } else if($('galf'+id) && !$('galv'+id)) { //Solamente fotos, entonces ejecutar la función de las fotos
      mostrarFotos(id);
    } else if($('galv'+id) && !$('galf'+id)) { //Solamente videos, entonces ejecutar la función de los videos
  
		/*
    losvideos = $('video'+id).getElementsByTagName('p');

		videos[id] = new Array();
		frases[id] = new Array();

		for (x = 0; x < losvideos.length; x++) {
    
			elvideo = losvideos[x].innerHTML.split(':');

			videos[id][x] = elvideo[0];
			frases[id][x] = elvideo[1];

		};
    */
      $('galv'+id).style.display = 'block'; 
      mostrarVideos(id);
      
    }

  } 


  function tabVideos(id) {
    $('galv'+id).style.display = 'block'; 
    $('galf'+id).style.display = 'none';
    $('fot'+id).style.backgroundPosition = "0px -15px";
    $('vid'+id).style.backgroundPosition = "0px 0px";
    if($('control'+id)) {$('control'+id).style.display = 'none'; }
    mostrarVideos(id);
  }
  
  function tabFotos(id) {
    $('galf'+id).style.display = 'block'; 
    $('galv'+id).style.display = 'none';
    $('fot'+id).style.backgroundPosition = "0px 0px";
    $('vid'+id).style.backgroundPosition = "0px -15px";
    $('video'+id).innerHTML = '';
    mostrarFotos(id);
  }

  function mostrarFotos(id) {

	fotos[id] = new Array();
	ps[id] = new Array();
//	indice[id] = new Array();
	var indice = new Array();

    if($('galf'+id)) { // Si hay Fotos, recolectar las imagenes dentro de la galeria

      fotos[id] = $('galf'+id).getElementsByTagName('img');
      ps[id] = $('galf'+id).getElementsByTagName('p');

    };

    if(fotos[id].length>1) { //entonces hay más de 1 foto
      // Escribir los controles

      $('control'+id).style.display = 'block';

      $('control'+id).innerHTML = '<span id="left'+id+'"><img src="img/flecha-left.gif" alt="Izquierda" height="9" width="5" /></span> <span id="num'+id+'"></span> <span id="right'+id+'"><img src="img/flecha-right.gif" alt="Derecha" height="9" width="5" /></span>';
      
      // Ocultar el resto de las fotos, salvo la primera

	  fotos[id][0].style.display = 'block';
    if(ps[id][0]) {ps[id][0].style.display = 'block';}
	  fotos[id][0].onclick = function () {window.open('http://www.cuencarural.com/popup.php?foto='+fotos[id][0].src.replace('_t','')+'&epigrafe='+fotos[id][0].alt,'', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,resizable=0,width=400,height=300');}

      for(i=1; i<fotos[id].length; i++) {
		  
		  fotos[id][i].style.display = 'none';
      if(ps[id][i]) {ps[id][i].style.display = 'none';}
		  fotos[id][i].onclick = function () {temp_indice = indice[id]; window.open('http://www.cuencarural.com/popup.php?foto='+fotos[id][temp_indice].src.replace('_t','')+'&epigrafe='+fotos[id][temp_indice].alt,'', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,resizable=0,width=400,height=300');}

		}
      
      // Valor por defecto del numero de fotos
      $('num'+id).innerHTML = '1 de ' + fotos[id].length;
      
      // Acciones de los controles
      indice[id] = 0;

      $('right'+id).onclick = function () {

		id = parseInt((this.id).replace('right',''));

        temp_indice = indice[id];
        fotos[id][temp_indice].style.display = 'none';
        ps[id][temp_indice].style.display = 'none';
        if (temp_indice+1 < fotos[id].length) {
  	      temp_indice++;
  	    } else {
          temp_indice=0;
        }
        fotos[id][temp_indice].style.display = 'block';
        ps[id][temp_indice].style.display = 'block';
        $('num'+id).innerHTML = eval(temp_indice+1) + ' de ' + fotos[id].length;

		    indice[id] = temp_indice;

      };

      $('left'+id).onclick = function () {

		id = parseInt((this.id).replace('left',''));

        temp_indice = indice[id];
        
        fotos[id][temp_indice].style.display = 'none';
        ps[id][temp_indice].style.display = 'none';
        
        if(indice[id] > 0) {
  	      temp_indice--;
  	    } else {
          temp_indice=fotos[id].length-1;
        }
        fotos[id][temp_indice].style.display = 'block';
        ps[id][temp_indice].style.display = 'block';
        $('num'+id).innerHTML = eval(temp_indice+1) + ' de ' + fotos[id].length;

        indice[id] = temp_indice;

      };

    } else {
      //Hay una sola foto, entonces borrar los controles por si estan los del video.
    fotos[id][0].style.display = 'block';
    if(ps[id][0]) {ps[id][0].style.display = 'block';}
	  fotos[id][0].onclick = function () {window.open('http://www.cuencarural.com//popup.php?foto='+fotos[id][0].src.replace('_t','')+'&epigrafe='+fotos[id][0].alt,'', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,resizable=0,width=400,height=300');}
	  if($('control'+id)) {
	      $('control'+id).style.display = 'none';
	  }
  }
}

function mostrarVideos(id) {

  videos[id] = new Array();
  psv[id] = new Array();

  
//	indice[id] = new Array();
  var indice = new Array();

    if($('galv'+id)) { // Si hay videos, recolectar los codigos dentro de la galeria

      videos[id] = $('galv'+id).getElementsByTagName('span');
      psv[id] = $('galv'+id).getElementsByTagName('p');
    };

    videos[id][0].style.display = 'none';
    swfobject.embedSWF("scripts/flvplayer.swf", "video"+id, "220", "165", "9.0.0","scripts/expressInstall.swf", false, {menu:"false",allowfullscreen: "true", flashvars:'autostart=false&displayheight=165&autostart=false&width=220&height=165&file=http%3A%2F%2Fcuencarural.blip.tv%2Frss%2Fflash%2F'+videos[id][0].innerHTML}, false);
    if(psv[id][0]) {psv[id][0].style.display = 'block';}
    
    if(videos[id].length>1) { //entonces hay más de 1 video
      // Escribir los controles

      $('control'+id).style.display = 'block';

      $('control'+id).innerHTML = '<span id="left'+id+'"><img src="img/flecha-left.gif" alt="Izquierda" height="9" width="5" /></span> <span id="num'+id+'"></span> <span id="right'+id+'"><img src="img/flecha-right.gif" alt="Derecha" height="9" width="5" /></span>';

      // Ocultar el resto de los videos, salvo la primera
    

      for(i=1; i<videos[id].length; i++) {

      videos[id][i].style.display = 'none';
      if(psv[id][i]) {psv[id][i].style.display = 'none';}
      

    }

      // Valor por defecto del numero de videos
      $('num'+id).innerHTML = '1 de ' + videos[id].length;

      // Acciones de los controles
      indice[id] = 0;

      $('right'+id).onclick = function () {

    id = parseInt((this.id).replace('right',''));

        temp_indice = indice[id];
        //videos[id][temp_indice].style.display = 'none';
        psv[id][temp_indice].style.display = 'none';
        if (temp_indice+1 < videos[id].length) {
          temp_indice++;
        } else {
          temp_indice=0;
        }
        //videos[id][temp_indice].style.display = 'block';
        swfobject.embedSWF("scripts/flvplayer.swf", "video"+id, "220", "165", "9.0.0","scripts/expressInstall.swf", false, {menu:"false",allowfullscreen: "true", flashvars:'autostart=false&displayheight=165&autostart=false&width=220&height=165&file=http%3A%2F%2Fcuencarural.blip.tv%2Frss%2Fflash%2F'+videos[id][temp_indice].innerHTML}, false);
        psv[id][temp_indice].style.display = 'block';
        $('num'+id).innerHTML = eval(temp_indice+1) + ' de ' + videos[id].length;

        indice[id] = temp_indice;

      };

      $('left'+id).onclick = function () {

    id = parseInt((this.id).replace('left',''));

        temp_indice = indice[id];

        //videos[id][temp_indice].style.display = 'none';
        psv[id][temp_indice].style.display = 'none';

        if(indice[id] > 0) {
          temp_indice--;
        } else {
          temp_indice=videos[id].length-1;
        }
        
       //videos[id][temp_indice].style.display = 'block';
       swfobject.embedSWF("scripts/flvplayer.swf", "video"+id, "220", "165", "9.0.0","scripts/expressInstall.swf", false, {menu:"false",allowfullscreen: "true", flashvars:'autostart=false&displayheight=165&autostart=false&width=220&height=165&file=http%3A%2F%2Fcuencarural.blip.tv%2Frss%2Fflash%2F'+videos[id][temp_indice].innerHTML}, false);
        psv[id][temp_indice].style.display = 'block';
        $('num'+id).innerHTML = eval(temp_indice+1) + ' de ' + videos[id].length;

        indice[id] = temp_indice;

      };

    } else {
      //Hay un sola video, entonces borrar los controles por si estan los de las fotos.
    //videos[id][0].style.display = 'block';
 
    if($('control'+id)) {
        $('control'+id).style.display = 'none';
    }
  }
}