/*
Site Name: Desarrollo Cretivo
Site URI: www.garciacaro.es
Description: Funciones de utilidad
Version: 1.0
Author: Carlos A. CÃ³rdoba Camacho
*/

// Variables globales
// ------------------

// Galeria seleccionada
var galeriaActual = 'none';

// Posicion de la Fotografia
var posFoto = 0;

// Nombre de la foto en pantalla
var fotoEnPantalla = "";

var fotoEnPantallaPath = "";

// Indica si estï¿½ el menu oculto
var estadoMenu = 'visible';

// Numero de fotos de la galería actual
var nmroFotosGaleria = 0;


// Funciï¿½n que carga una Imagen
// ----------------------------
// idSubmenu: Identificador del submenu
function mostrarSubMenu(idMenu){

	// Oculto Info
	jQuery('#cont div').hide();

	// Marco el menu seleccionado
   	jQuery('#menu ul li a').css('color','white');
   	jQuery('#' + idMenu).css('color','gray');

	// Oculta todos los submenus
	jQuery('#submenu ul').hide();

	// Muestra el submenu seleccionado
	jQuery('#submenu_' + idMenu).fadeIn();

	// Oculto todas las galerias
	jQuery('#galerias ul').hide();

	// Oculto el menu de compartir
	jQuery('#addThisCompartir').hide();

	// Desactivo el ocultar menu
	jQuery('body').unbind('mousemove');
}

// Funciï¿½n que carga una Imagen
// ----------------------------
// pathFoto: Ruta de la foto a Cargar
function mostrarGaleria(idGaleria){

	// Oculto Info
	jQuery('#cont div').hide();

	// Oculto todas las galerias
	jQuery('#galerias ul').hide();

   	// CHAPUZA !!!!!!
   	if(idGaleria == 'musica' || idGaleria == 'bodegon'
   		|| idGaleria == 'info'){
	   	jQuery('#menu ul li a').css('color','white');
   		// Oculto todas las galerias
		jQuery('#submenu ul').hide();
   	}

	// Marco la galeria
   	jQuery('#submenu ul li a').css('color','white');
   	jQuery('#g_' + idGaleria).css('color','gray');

	// Muestro solo la galeria seleccionada
	jQuery('#' + idGaleria).fadeIn();

	// Recuero el numero de fotos de la galeria
	nmroFotosGaleria = jQuery('#' + idGaleria + ' li').size();

	// Establezco la galeria actual
	galeriaActual = idGaleria;

	// inicio el contador de fotos
	posFoto = 0;

	// Cargo la primera fotografï¿½a
	cargarImagen(idGaleria, '1');

	// Oculto el menu por defecto
	ocultarMenuAutomatico();

	// Establezco la seccion de compartir
	compartir();
}

// funciï¿½n que oculta el menu de la pagina
// ---------------------------------------
function ocultarMenu(){
	jQuery('#menuMarco').fadeOut();
	jQuery('#menu').fadeOut();
	estadoMenu = 'oculto';
}

// Funcion que muestra el menu
// ---------------------------
function mostrarMenu(){
	jQuery('#menuMarco').fadeIn();
	jQuery('#menu').fadeIn();
	estadoMenu = 'visible';
}






// FunciÃ³n que carga una Imagen
// -----------------------------
// idGaleria: Identificador de la galeria
// numFoto: Nï¿½mero de fotografia
function cargarImagen(idGaleria, numFoto){

	// Variables
	var pathGaleria = "img/galerias/" + idGaleria + "/";
	var nombreFoto = idGaleria + "_" + numFoto + ".jpg";
	var pathFoto = pathGaleria + nombreFoto
	posFoto = numFoto;

	// Establezco la foto cargada y no cargo dos veces la misma foto
	if(fotoEnPantalla == nombreFoto) return;
	else{
		fotoEnPantalla = nombreFoto;
		fotoEnPantallaPath = pathFoto;
	}

    // Marco la foto seleccionada
  	jQuery('#' + idGaleria + ' li a').css('color','white');
   	jQuery('#' + idGaleria + ' li a').css('background-color','black');
	jQuery('#' + idGaleria + '_' + numFoto).css('color','black');
	jQuery('#' + idGaleria + '_' + numFoto).css('background-color','white');

	// Oculto la imagen actual
	jQuery('#imgPpal').hide();

	// Pongo el fondo de pantalla en negro
	jQuery('#bg').removeClass('cargando');
	jQuery('#bg').addClass('cargando');
	jQuery('#bg').css('background-color','black');

	// Variables
	var img = jQuery('#imgPpal');

	// wrap our new image in jQuery, then:
	jQuery(img).load(function () {
		// Muestro la imagen
		jQuery(this).fadeIn();
		// Ajusto su tamaño
		cambiarTamanyoImagen();
	})

    // if there was an error loading the image, react accordingly
    .error(function () {
		//alert('Error se encuentra: ' + pathFoto);
		//jQuery('#bg').css('background-color','#CCC');
		//jQuery('#bg').removeClass('cargando');
		window.location.href = "index.php";
    })

    // Establezco la ruta de la imagen
    .attr('src', pathFoto);

    // Cambio en enlace de compartir
    compartirCambiarURL();

}


// Funciï¿½n que carga la siguiente foto
// -----------------------------------
function fotoSiguiente(){

	if( parseInt(posFoto) < parseInt(nmroFotosGaleria) )
		posFoto = 1;
	else
		posFoto = parseInt(posFoto) + 1;

	cargarImagen(galeriaActual, posFoto);
}

// Funciï¿½n que carga la anterior foto
// ----------------------------------
function fotoAnterior(){
	cargarImagen(galeriaActual, parseInt(posFoto) - 1);
}

// Funciï¿½n que carga la anterior foto
// ----------------------------------
function mostrarInfo(){

	// Oculto todas las galerias
	jQuery('#galerias ul').hide();

	// Marco el menu seleccionado
   	jQuery('#menu ul li a').css('color','white');
   	jQuery('#info').css('color','gray');

	// Oculta todos los submenus
	jQuery('#submenu ul').hide();

	// Muestro el texto
	jQuery('#cont div').fadeIn();

	// Desactivo el ocultar menu
	jQuery('body').unbind('mousemove');

	// Oculto el menu de compartir
	jQuery('#addThisCompartir').hide();

}

// Funciï¿½n que aï¿½ade el bind de ocultar el menu
// --------------------------------------------
function ocultarMenuAutomatico(){

	jQuery('body').mousemove(function(e){
		var y = e.pageY - this.offsetTop;
		var yTotal = jQuery('body').height();
		var yMenu = yTotal - y;
        if(yMenu < 150){
        	if(estadoMenu == 'oculto'){
        		mostrarMenu();
        	}
        }else{
        	if(estadoMenu == 'visible'){
        		ocultarMenu();
        	}
		}
    });

}

// Funciï¿½n que aï¿½ade el bind de ocultar el menu
// --------------------------------------------
function compartir(){

	// Muestro en enlace de compartir
	jQuery('#addThisCompartir').fadeIn();

}

// Funciï¿½n que aï¿½ade el bind de ocultar el menu
// --------------------------------------------
function compartirCambiarURL(){

	urlShare = encodeURIComponent("http://www.garciacaro.es/index.php?idGaleria=" + galeriaActual + "&nmroFoto=" + posFoto);
	imgShare = "http://www.garciacaro.es/img/galerias/" + galeriaActual + "/" + galeriaActual + "_" + posFoto + "fb.jpg";
	descriptionShare = "Fotografia de GARCIACARO.ES";
	titleShare = "GARCIACARO.ES";

	// Cambio el href
	jQuery("#addThisCompartir").attr("href", "http://api.addthis.com/oexchange/0.8/forward/facebook/offer?"
		+ "swfurl=http://www.example.com/test.swf&"
		+ "url=" + urlShare +"&"
		+ "title=" + titleShare + "&"
		+ "description=" + descriptionShare + "&"
		+ "height=1&width=1&"
		+ "screenshot=" + imgShare);

}



