var divBotonera = 'galeriaBotonera';
var html_link_imagenes = '<a href="javascript:switchImagenes();" title="IMÁGENES">IMÁGENES</a>';
var html_no_link_imagenes = 'IMÁGENES';
var html_link_video = '<a href="javascript:switchVideo();" title="VIDEO">VIDEO</a>';
var html_no_link_video = 'VIDEO';

var divImagenes = 'imagenes';
var divVideo = 'video';
var divsImagenes = new Array('imagen1', 'imagen2', 'imagen3', 'imagen4', 'imagen5', 'imagen6');
var divsThumbs = new Array('thumb1', 'thumb2', 'thumb3', 'thumb4', 'thumb5', 'thumbPlano');
var total = divsImagenes.length;
var imagenActual = divsImagenes[0];
var thumbActual = divsThumbs[0];
var duracion = 0.4;
var colorBordeThumbNormal = '#E6E6E6';
var colorBordeThumbSeleccionado = '#195FA5';
var modo = 'imagenes';
var hayVideo = true;

var altoSlidesOriginal;

function galeriaInit() {
	$(imagenActual).appear({ duration: duracion});	
	$(thumbActual).setStyle({borderColor:colorBordeThumbSeleccionado});
	if (hayVideo){
		$(divBotonera).innerHTML = html_no_link_imagenes + ' | ' + html_link_video;
	}
	else {	
		$(divBotonera).innerHTML = html_no_link_imagenes;
	}
}

function switchVideo() {
	modo = 'imagenes';
	$(divBotonera).innerHTML =  html_link_imagenes + ' | ' + html_no_link_video;
	toggleGaleriaVideo();
}

function switchImagenes() {
	modo = 'video';
	$(divBotonera).innerHTML = html_no_link_imagenes + ' | ' + html_link_video;
	toggleGaleriaVideo();
}


function toggleGaleriaVideo() {
	if (modo == 'imagenes'){
		modo = 'video';

		video.write('video');
		$('contenedorSlides').setStyle({height:altoVideo+'px'});

		$(divImagenes).setStyle({display:'none'});
		$(divVideo).setStyle({display:''});
	}
	else {
		modo = 'imagenes';

		$('contenedorSlides').setStyle({height:altoSlides+'px'});
	
		$(divVideo).innerHTML = '';
		$(divVideo).setStyle({display:'none'});
		$(divImagenes).setStyle({display:''});		
	}
}	
	
function setImagen(numero) {
	if (modo == 'video'){
		switchImagenes();
	}
	
	if (imagenActual != divsImagenes[numero - 1]){
		$(imagenActual).fade({ duration: duracion});
		$(thumbActual).setStyle({borderColor:colorBordeThumbNormal});
		imagenActual = divsImagenes[numero - 1];
		thumbActual = divsThumbs[numero - 1];
		$(imagenActual).appear({ duration: duracion});
		$(thumbActual).setStyle({borderColor:colorBordeThumbSeleccionado});
	}
}