/**
* Scripts de Urko Suaya
*/
var DURACION_FADE_AJAX = 300;
var DURACION_FADE_FOTOS = 300;
var FOTO_ACTUAL = null;
var NUM_FOTOS_GALERIA = 0;
var NUM_FOTO_ACTUAL_GALERIA = 0;
var ASPECT_RATIO_FOTO = 945 / 666; // 945 / 630
var ASPECT_RATIO_FOTO_MAXIMO = 945 / 666; // 945 / 710
var ALTO_ADICIONAL_BODY = 190;
/**
* Configuración Inicial del Sitio
*/
$(document).ready(function(){
// El logo es lo mismo que portfolio.
$('#logo').click(function(event) {
event.preventDefault();
$('#navegacion .portfolio').trigger('click');
});
// Prepara los hovers de la navegación.
$('#navegacion a, #boton-contacto a')
.append('');
$('#navegacion a, #boton-contacto a')
.mouseenter(function(){
$('.hover', this).stop(true, true).fadeIn(200);
})
.mouseleave(function(){
if( ! $(this).hasClass('selected') ) {
$('.hover', this).stop(true, true).fadeOut(150);
}
})
.bind('click', function(event){
if( $(this).hasClass('selected') ) {
// Esto es para evitar entrar a la misma página dos veces seguidas.
event.preventDefault();
return false;
}
else if( ! $(this).hasClass('noajax') ) {
// Las páginas internas se cargan vía AJAX
event.preventDefault();
// Cambia la nav seleccionada
$('#navegacion a, #boton-contacto a').removeClass('selected');
$('#navegacion a .hover, #boton-contacto a .hover').hide();
$(this).addClass('selected');
$('.hover', this).show();
var h_link = $(this);
// Se prepara para cambiar el contenido vía AJAX.
$('#content-holder').height( $('#content-holder').height() ); // Esto es para prevenir un pop de dimensiones.
$('#content').fadeOut( DURACION_FADE_AJAX, function(){
var link_a_cargar = h_link.attr('href') +'?'+ Math.ceil(Math.random() * 1000000);
var es_galeria = false;
if( h_link.attr('galeria_xml') ) {
// Si hay un link de galeria_xml es una galería así que sólo basta con maquetar las divs.
// Esto es para activar el preloading, ya que si se carga en memoria no anda el loader secuencial.
link_a_cargar = h_link.attr('galeria_xml') +'?'+ Math.ceil(Math.random() * 1000000);
es_galeria = true;
}
// El link es random para prevenir caching
$.get( link_a_cargar,
function(data){
// Crea un objeto de jQuery con la página para parsear el HTML y obtener sólo el #content.
var $response = $(data);
if( es_galeria ) {
var string_fotos = ""; // Es más rápido el insert así.
$('foto', $response).each(function(){
// Va agregando el holder de cada foto para inicializar la galería.
// El atributo "borde" marca que la foto tiene un borde especial
var clase_foto = $(this).attr('borde') == '1' ? 'foto-shadow' : ( $(this).attr('borde') == '2' ? 'foto-shadow-bottom' : '' );
string_fotos += '';
});
// Prepara el dummy content en memoria para crear la galería.
var $contenido = $( ''+
'
'+
'
'+
string_fotos+
'
'+
'
'+
'
'+
'
'+
'
 +')
');
h_pic.appendTo(h_foto).click(function(){
$('#boton-galeria-right').trigger('click');
});
// Cuando la primera foto carga, resizea la galería y muestra los comandos.
$('img', h_foto).load(function(){
$('#holder-fotos-galeria').fadeIn( DURACION_FADE_FOTOS );
FOTO_ACTUAL.fadeIn( DURACION_FADE_FOTOS );
var offset_tentativo = $('#galeria-fotos').height() - $('img', FOTO_ACTUAL).height();
$('.pic', FOTO_ACTUAL).css('margin-top', ( (offset_tentativo >= 0 ? offset_tentativo : 0)/2 ) +'px');
$('#galeria-fotos').animate( {
height: FOTO_ACTUAL.height() +'px'
}, DURACION_FADE_FOTOS, function(){
$('#contador-galeria, #boton-galeria-left, #boton-galeria-right').fadeIn( DURACION_FADE_FOTOS );
});
precargar_foto_galeria( h_foto.next('.foto') );
});
}
/**
* Precarga las imágenes secuencialmente (de la primera a la última).
* Depende de FOTO_ACTUAL para continuar
*
* @param h_foto Handle de jQuery del contenedor .foto a cargar
*/
function precargar_foto_galeria( h_foto ) {
if( ! h_foto.length ) { return false; }
// Si ya está cargada esta imagen, salta a la siguiente.
if( $('img', h_foto).length > 0 ) {
precargar_foto_galeria( h_foto.next('.foto:empty') );
}
// Copia la foto en memoria y cuando carga la inserta.
var h_pic = $('');
h_pic.appendTo(h_foto).hide().fadeIn( 200 ).click(function(){
$('#boton-galeria-right').trigger('click');
});
$('img', h_pic).load(function() {
// Cachea las dimensiones.
$('img', this).attr('width_original', $('img', this).width());
$('img', this).attr('height_original', $('img', this).height());
precargar_foto_galeria( h_foto.next('.foto') );
});
}
/**
* Abre el sitio principal (window.open)
*/
function abrir_sitio() {
// Abre una ventana fullscreen. Resta unos px para los bordes en Windows.
window_offset = 0;
nueva_ventana = window.open (
"./portfolio",
"urkosuaya_site",
"channelmode=0, fullscreen=1, "+
"directories=0, location=0, personalbar=0, "+
"menubar=0, status=0, titlebar=0, toolbar=0, "+
"scrollbars=1, "+
"top=0, left=0, "+
"width="+ (screen.width - window_offset) +", height="+(screen.height - window_offset) +" ");
nueva_ventana.focus();
return false;
}