// Funciones propias (Darry) para automatizar la inserción de fotos con Lightbox

// Configuración Lightbox y vídeo (poner en cada post)

// Varibles globales a modificar en cada post (cada post representa un grupo de fotos)
// NOTA: Si se pone el mismo nombre_grupo en todos los grupos, los slideshows serán generales.
var nombre_grupo = ""; 
var titulo_grupo = "";
var directorio_fotos = "";
var directorio_fotos_minis = "";
var directorio_videos = "";


// Configuración para todos los post

// Extensiones para los archivos de fotos
var extension_fotos = ".jpg";

// Color y tamaño de fuente de los comentarios de las fotos y videos
var style_textofoto = "font-size:100%;color:#006600;margin-top:7px;margin-bottom:28px;";

// Foto transparente de fondo para las fotos 
var fondo_foto_trans = "http://s276.photobucket.com/albums/kk16/nosmovemos/artemvv/fotoMarco/fondo_trans_fotos.png";

var imgFondoFotoTrans = new Image();
imgFondoFotoTrans.src = fondo_foto_trans;

// Tiempo espera recarga fotos
var tiempo_recarga_fotos = 2000;

// Dimensiones fotos en pixeles
var ancho_foto_apaisada = 400;
var alto_foto_apaisada = 300;

var ancho_foto_vertical = 300;
var alto_foto_vertical = 400;

var dim_foto_cuadrada = 350;


// Config. de los videos Blogger
var alto_video_blog = "266";
var ancho_video_blog = "320";
var class_video_blog = "BLOG_video_class";

// Config. de los videos PB
var alto_video_blog = "361";
var ancho_video_blog = "448";



// Funciones 
	
// Inserta una foto lightbox con miniaturas	(para Blogger) Para los posts 1 al 17.
// Leerse especificaciones de la funcion iFoto
function insertarFoto (id_destino, foto_mini, foto, comentario_foto) {
	var oImg = new Image();
	oImg.src = directorio_fotos+foto;
	
	ext_foto = '';
	
	if (oImg.complete) {
		var estilo_foto = "";
		if (oImg.width > oImg.height) estilo_foto = "width:"+ancho_foto_apaisada+"px; height:"+alto_foto_apaisada+"px;"
		else if (oImg.width < oImg.height) estilo_foto = "width:"+ancho_foto_vertical+"px; height:"+alto_foto_vertical+"px;"
		else estilo_foto = "width:"+dim_foto_cuadrada+"px; height:"+dim_foto_cuadrada+"px;"
		
		$(id_destino).innerHTML = "<!--Div Foto --><div class='div_foto'>"+marco_foto_ini()+'<div id="foto_id_'+id_destino+'"><img src="'+imgFondoFotoTrans.src+'" /></div>'+marco_foto_fin()+"<!--Div texto Foto --><div style='"+style_textofoto+"'>"+comentario_foto+"</div><!--FIN Div texto Foto --></div><!--FIN Div Foto -->";
		
		$('foto_id_'+id_destino).innerHTML = "<a href='"+directorio_fotos+foto+"' rel='lightbox["+nombre_grupo+"]' title='"+titulo_grupo+"'><img class='elem_foto' style='"+estilo_foto+"' src='"+directorio_fotos+foto+"' /></a>";
	}
	else {
		$(id_destino).innerHTML = "<!--Div Foto --><div class='div_foto'>"+marco_foto_ini()+'<div id="foto_id_'+id_destino+'"><img src="'+imgFondoFotoTrans.src+'" /></div>'+marco_foto_fin()+"<!--Div texto Foto --><div style='"+style_textofoto+"'>"+comentario_foto+"</div><!--FIN Div texto Foto --></div><!--FIN Div Foto -->";
		window.setTimeout("insertarFoto ('"+id_destino+"', '"+foto_mini+"', '"+foto+"', '"+comentario_foto+"')", tiempo_recarga_fotos); 
	}
}

// Inserta una foto lightbox con miniaturas	(para Photobucket) (Creo que no lo he usado nunca. Revisar)
function insertFoto (id_destino, foto, comentario_foto) {
	$(id_destino).innerHTML = "<!--Div Foto --><div class='div_foto'><a href='"+directorio_fotos+foto+"' rel='lightbox["+nombre_grupo+"]' title='"+titulo_grupo+"'><img src='"+directorio_fotos_minis+foto+"' /></a><!--Div texto Foto --><div style='"+style_textofoto+"'>"+comentario_foto+"</div><!--FIN Div texto Foto --></div><!--FIN Div Foto -->";
}

// Inserta una foto lightbox con miniaturas	(para Photobucket). MÉTODO ABREVIADO.
// ext: determina si elarchivo tiene su propia extensión,
//      se aplica la extensión por defecto (el guardado en la variable global extension_fotos)
function iFoto (id_destino, comentario_foto) {
	var oImg = new Image();
	oImg.src = directorio_fotos+id_destino+extension_fotos;
	
	ext_foto = extension_fotos;
	
	//comentario_foto = comentario_foto.replace(/'/g,'´');

	
	if (oImg.complete) {
		var estilo_foto = "";
		if (oImg.width > oImg.height) estilo_foto = "width:"+ancho_foto_apaisada+"px; height:"+alto_foto_apaisada+"px;"
		else if (oImg.width < oImg.height) estilo_foto = "width:"+ancho_foto_vertical+"px; height:"+alto_foto_vertical+"px;"
		else estilo_foto = "width:"+dim_foto_cuadrada+"px; height:"+dim_foto_cuadrada+"px;"
		
		$(id_destino).innerHTML = "<!--Div Foto --><div class='div_foto'>"+marco_foto_ini()+'<div id="foto_id_'+id_destino+'"><img src="'+imgFondoFotoTrans.src+'" /></div>'+marco_foto_fin()+"<!--Div texto Foto --><div style='"+style_textofoto+"'>"+comentario_foto+"</div><!--FIN Div texto Foto --></div><!--FIN Div Foto -->";
		$('foto_id_'+id_destino).innerHTML = "<a href='"+directorio_fotos+id_destino+ext_foto+"' rel='lightbox["+nombre_grupo+"]' title='"+titulo_grupo+"'><img class='elem_foto' style='"+estilo_foto+"' src='"+directorio_fotos+id_destino+ext_foto+"' /></a>";
	}
	else {
		$(id_destino).innerHTML = "<!--Div Foto --><div class='div_foto'>"+marco_foto_ini()+'<div id="foto_id_'+id_destino+'"><img src="'+imgFondoFotoTrans.src+'" /></div>'+marco_foto_fin()+"<!--Div texto Foto --><div style='"+style_textofoto+"'>"+comentario_foto+"</div><!--FIN Div texto Foto --></div><!--FIN Div Foto -->";
		window.setTimeout("iFoto ('"+id_destino+"', '"+comentario_foto+"')", tiempo_recarga_fotos);
	}	

}


function marco_foto_ini () {
	return ('<table class="marco_foto_0" id="tabla_mf"><tr><td class="marco_foto_1"></td><td class="marco_foto_2" colspan="2"></td><td class="marco_foto_3"></td></tr><tr><td class="marco_foto_4"></td><td class="marco_foto_5" colspan="2"><div class="marco_foto_6">');
}
function marco_foto_fin () {
	return ('</div></td><td class="marco_foto_7"></td><tr><td class="marco_foto_8"></td><td class="marco_foto_9"></td><td class="marco_foto_10"></td><td class="marco_foto_11"></td></tr></table>');
}


// Inserta un video desde Blogger
function insertarVideoBlog (id_destino, id_blog, id_video, comentario_video) {
	$(id_destino).innerHTML = "<!--Div Video --><div style='text-align:center'><object class='"+class_video_blog+"' height='"+alto_video_blog+"' width='"+ancho_video_blog+"' id='"+id_blog+"' contentid='"+id_video+"'></object><!--Div texto Video --><div style='"+style_textofoto+"'>"+comentario_video+"</div><!--FIN Div texto Video --></div><!--FIN Div Video -->";
}


// Inserta un comentario de un video (general)
function insertarComentVideo (id_destino, comentario_video) {
	$(id_destino).innerHTML = "<!--Div texto Video --><center><div style='"+style_textofoto+"'>"+comentario_video+"</center></div><!--FIN Div texto Video -->";
}