function fotografias(id,titulo,total){
	document.foto.tipo.value = "foto";
	document.foto.id.value = id;
	document.foto.titulo.value = titulo;
	document.foto.total.value = total;
	document.foto.method = "post";
	document.foto.action = "multimedia.php?seccion=foto";
	document.foto.submit();
}

function videos(titulo,descripcion,cedido,url){
	document.vide.tipo.value = "vide";
	document.vide.titulo.value = titulo;
	document.vide.descripcion.value = descripcion;
	document.vide.cedido.value = cedido;
	document.vide.url.value = url;	
	document.vide.method = "post";
	document.vide.action = "multimedia.php?seccion=video";
	document.vide.submit();
}

function audios(titulo,descripcion,cedido,duracion,tamano,calidad,formato,url,streamingUrl){
	document.fono.tipo.value = "fono";
	document.fono.titulo.value = titulo;
	document.fono.descripcion.value = descripcion;
	document.fono.cedido.value = cedido;
	document.fono.duracion.value = duracion;
	document.fono.tamano.value = tamano;
	document.fono.calidad.value = calidad;
	document.fono.formato.value = formato;
	document.fono.url.value = url;
	document.fono.streamingUrl.value = streamingUrl;	
	document.fono.method = "post";
	document.fono.action = "multimedia.php?seccion=fono";
	document.fono.submit();
}

function miniaturaFoto(obj){
	
	if (obj.width > obj.height){
		obj.width = 110;
		obj.height = 80;
	} else {
		obj.width = 80;
		obj.height = 110;
	}
}

function overImagenMiniatura(img){
	img.width = img.width + 5;
	img.height = img.height + 5;
	img.className = 'imgMiniaturaOver';
}

function outImagenMiniatura(img){
	img.width = img.width - 5;
	img.height = img.height - 5;
	img.className = 'imgMiniaturaOut';
}

/*****************************************/

var tamanioContenedor = 500;
var desplazamiento = 5;
var velocidadDesplazamiento = 5;
var mueveDerecha;
var mueveIzquierda;
var poslista = 0;

function moverListaImagenDerecha(idcontenedor, idlista){
	contenedor = document.getElementById(idcontenedor);
	lista = document.getElementById(idlista);
	if ( -(poslista - tamanioContenedor) < lista.scrollWidth ){
		poslista = poslista - desplazamiento;
		lista.style['left'] = poslista + 'px';
		mueveDerecha = setTimeout("moverListaImagenDerecha('" + idcontenedor + "','" + idlista + "')",velocidadDesplazamiento);
	} else {
		pararListaImagenDerecha();
	}
}

function pararListaImagenDerecha(){
	clearTimeout(mueveDerecha);
}

function moverListaImagenIzquierda(idcontenedor, idlista){
	contenedor = document.getElementById(idcontenedor);
	lista = document.getElementById(idlista);
	if ( -(poslista - tamanioContenedor) >= tamanioContenedor ){
		poslista = poslista + desplazamiento;
		lista.style['left'] = poslista + 'px';
		mueveIzquierda = setTimeout("moverListaImagenIzquierda('" + idcontenedor + "','" + idlista + "')",velocidadDesplazamiento);
	} else {
		pararListaImagenIzquierda();
	}
}

function pararListaImagenIzquierda(){
	clearTimeout(mueveIzquierda);
}

/*****************************************/

function cargarDesplazarImagen(idcontenedor, idcontenedorImagen, total, ruta){
	contenedor = document.getElementById(idcontenedor);
	
	first = '<img src="../imagenes/flechas/first_off.png" border="0" align="middle"/> primera';
	previous = '<img src="../imagenes/flechas/previous_off.png" border="0" align="middle"/> anterior';
	next = '<a href="#" onclick="irAImagen(\''+idcontenedor+'\',\''+idcontenedorImagen+'\',\''+total+'\',\''+ruta+'\',\'2\');return false;">siguiente</a> <img src="../imagenes/flechas/next_on.png" border="0" align="middle"/>';
	last = '<a href="#" onclick="irAImagen(\''+idcontenedor+'\',\''+idcontenedorImagen+'\',\''+total+'\',\''+ruta+'\',\''+total+'\');return false;">&uacute;ltima</a> <img src="../imagenes/flechas/last_on.png" border="0" align="middle"/>';
		
	if (parseInt(total) <= 1){
		next = 'siguiente <img src="../imagenes/flechas/next_off.png" border="0" align="middle"/>';
		last = '&uacute;ltima <img src="../imagenes/flechas/last_off.png" border="0" align="middle"/>';
	}
	
	if (parseInt(total) > 0){
		abrirImagen( ruta + 'ima1.jpg', idcontenedorImagen );
	}
	
	contenedor.innerHTML = first + '&nbsp;&nbsp;&nbsp;&nbsp;' + previous + '&nbsp;&nbsp;||&nbsp;&nbsp;' + next + '&nbsp;&nbsp;&nbsp;&nbsp;' + last;
}

function irAImagen( idcontenedor, idcontenedorImagen, total, ruta, img ){
	
	contenedor = document.getElementById(idcontenedor);
	
	first = '<img src="../imagenes/flechas/first_off.png" border="0" align="middle"/> <a href="#" onclick="irAImagen(\''+idcontenedor+'\',\''+idcontenedorImagen+'\',\''+total+'\',\''+ruta+'\',\'1\');return false;">primera</a>';
	previous = '<img src="../imagenes/flechas/previous_off.png" border="0" align="middle"/> <a href="#" onclick="irAImagen(\''+idcontenedor+'\',\''+idcontenedorImagen+'\',\''+total+'\',\''+ruta+'\',\'' + (parseInt(img) - 1) + '\');return false;">anterior</a>';
	next = '<a href="#" onclick="irAImagen(\''+idcontenedor+'\',\''+idcontenedorImagen+'\',\''+total+'\',\''+ruta+'\',\'' + (parseInt(img) + 1) + '\');return false;">siguiente</a> <img src="../imagenes/flechas/next_on.png" border="0" align="middle"/>';
	last = '<a href="#" onclick="irAImagen(\''+idcontenedor+'\',\''+idcontenedorImagen+'\',\''+total+'\',\''+ruta+'\',\''+total+'\');return false;">&uacute;ltima</a> <img src="../imagenes/flechas/last_on.png" border="0" align="middle"/>';
	
	if (parseInt(img) == 1){
		first = '<img src="../imagenes/flechas/first_off.png" border="0" align="middle"/> primera';
		previous = '<img src="../imagenes/flechas/previous_off.png" border="0" align="middle"/> anterior';
	}
	
	if (parseInt(total) == parseInt (img)){
		next = 'siguiente <img src="../imagenes/flechas/next_off.png" border="0" align="middle"/>';
		last = '&uacute;ltima <img src="../imagenes/flechas/last_off.png" border="0" align="middle"/>';
	}
		
	contenedor.innerHTML = first + '&nbsp;&nbsp;&nbsp;&nbsp;' + previous + '&nbsp;&nbsp;||&nbsp;&nbsp;' + next + '&nbsp;&nbsp;&nbsp;&nbsp;' + last;
	abrirImagen( ruta + 'ima' + img + '.jpg', idcontenedorImagen );
}

function abrirImagen(img,idcontenedorImagen){
	contenedorImagen = document.getElementById(idcontenedorImagen);
	contenedorImagen.innerHTML = '<img src="' + img + '" border="5"/>';
}