/*
NOVEMBRO ESTUDIO DE DISEÑO
febrero de 2010
*/

var host = 'http://mdin.es';
 
// MENSAGES
var msg = new Array();

msg['detalles-es'] = 'd';
msg['detalles-en'] = 'd';
msg['detalles-ja'] = 'd';

msg['max-es'] = 'maximizar texto';
msg['max-en'] = 'maximize text';
msg['max-ja'] = 'maximize text';

msg['min-es'] = 'minimizar texto';
msg['min-en'] = 'minimize text';
msg['min-ja'] = 'minimize text';

msg['show-es'] = 'mostrar miniaturas';
msg['show-en'] = 'show thumbs';
msg['show-ja'] = 'show thumbs';

msg['hide-es'] = 'esconder miniaturas';
msg['hide-en'] = 'hide thumbs';
msg['hide-ja'] = 'hide thumbs';


// INICIO JQUERY
$(document).ready(function() {
	
	// ##################################
	// INICIALES
	// ##################################
	// lenguage
	var lg = $('meta[name="language"]').attr('content');
	if (lg == '') {lg = 'es'};
	
	
	// ##################################
	// HTML
	// ##################################
	
	// html para el cargador
	var htm = '<div id="fondo" class="click">' +
		'	<div id="loader"></div>' + 
		'</div>' +
		'<div id="logo-fotos"> </div>' +
		'<div id="controles">' +
		'	<div id="ct">'+
		'		<div id="cer"> </div>' +
		'		<div id="btn"><a class="js-pasa js-der fsim">d</a><a class="js-pasa js-izq fsim">i</a></div>' +
		'		<div id="tip" class=""> </div>' +
		'	</div>'+
		'</div>';
	
	
	// ##################################
	// EVENTOS
	// ##################################
		
	// evento click aparece foto
	$('.js-imagen').live('click', function() {
		// buscar el "elThumb"
		var href = $(this).attr('href');
		var elThumb = '';
		$('.js-imagenTh').each( function() {
			if ($(this).attr('href') == href) {
				elThumb = this;
				};
			});
		arranca(this, elThumb);
		pasainfo(this);
		
		// GOOGLE ANALYTICS
		pageTracker._trackEvent('click img numeros', ''+href+'#n='+$(this).text(),  '#pagina='+$('.menu').find('.activo').first().text()+' / '+$('.sub-menu').find('.activo').text() );
		
		return false;
		});
	
	// thumbnaills - una raza a parte
	$('.js-imagenTh').live('click', function () {
		// buscar el "el"
		var href = $(this).attr('href');
		$('.js-imagen').each( function() {
			if ($(this).attr('href') == href) {
				el = this;
				};
			});
		arranca(el, this);
		pasainfo(el);
		
		// GOOGLE ANALYTICS
		pageTracker._trackEvent('click img thumbs', ''+href+'#n='+$(this).text(),  '#pagina='+$('.menu').find('.activo').first().text()+' / '+$('.sub-menu').find('.activo').text() );
		
		return false;
		});
	
	
	// evento de pasar las imagenes
	$('#controles').live('click', function (event) {
		
		// es arranca
		if (! $('#fondo').is('div')) {
			arranca($('.js-imagen:first'), $('.js-imagenTh:first'))
			}
			
		// es arrancado
		else {
			// buscar la foto que estamos
			var el;
			$('.js-imagen').each( function() {
				if ($(this).attr('href') == $('img.pomada').attr('src')) {
					el = this;
					};
			});	

			// buscar el "elThumb"
			var elThumb;
			$('.js-imagenTh').each( function() {
				if ($(this).attr('href') == $('img.pomada').attr('src')) {
					elThumb = this;
					};
				});
				
			// para la derecha
			if($(window).width()/2 < event.pageX) {
				// cerrar si es la ultima
				if ($(el).text() == $('.js-imagen').last().text()) {cerrar();}
				else {
					// pasar al siguiente
					arranca($(el).next(),$(elThumb).next());
					pasainfo($(el).next());
					}
				}
			// para la izquerda
			else {
				// cerrar si es la primera 
				if ($(el).text() == $('.js-imagen').first().text()) {cerrar();}
				else {
					//pasar anterior
					arranca($(el).prev(),$(elThumb).prev());
					pasainfo($(el).prev());
					}
				};
			};
		
		// GOOGLE ANALYTICS
		pageTracker._trackEvent('click img controles', '#lado', '#pagina='+$('.menu').find('.activo').first().text()+' / '+$('.sub-menu').find('.activo').text() );

		});
		
	// evento de cerrar
	$('.js-close').live('click', function () {
		$('#logo-fotos').fadeOut();
		cerrar();
		
		
		
		// GOOGLE ANALYTICS
		pageTracker._trackEvent('click cerrar','#imagen='+$('img.pomada').attr('src'),'#pagina='+$('.menu').find('.activo').first().text()+' / '+$('.sub-menu').find('.activo').text());
		
		});
	
	// evento minimizar / maximizar
	$('.js-min').bind('click', function (event,par){ // par -> evento lanzado desde .js-numeros
		// MINIMIZAR
		if ($('.min').css('display') != 'none' && par != 2) {
			$('.min').fadeOut();
			$('.js-min').text('b').attr({'title':msg['max-'+lg]}).addClass('activo');
			} 
		// MAXIMIZAR
		else if ($('.min').css('display') == 'none' && par != 1) { 
			$('.min').fadeIn()
			$('.js-min').text('a').attr({'title':msg['min-'+lg] }).removeClass('activo');
			};
		
		// GOOGLE ANALYTICS
		pageTracker._trackEvent('click min/max','#','#pagina='+$('.menu').find('.activo').first().text()+' / '+$('.sub-menu').find('.activo').text() );
		
		});
		
	
	// evento minimizar / maximizar thumbs
	$('.js-minThumb').live('click', function (){
		if ($('.js-thumbs').css('display') != 'none') {
			$('.js-thumbs').fadeOut();
			$(this).attr({'title':msg['show-'+lg]}).removeClass('activo');
		} else {
			$('.js-thumbs').fadeIn()
			$(this).attr({'title':msg['hide-'+lg]}).addClass('activo');
			};
			
		// GOOGLE ANALYTICS
		pageTracker._trackEvent('click grupo thumbs','#','#pagina='+$('.menu').find('.activo').first().text()+' / '+$('.sub-menu').find('.activo').text() );	
		
		});
	
	
	// ##################################
	// FUNCTIONS
	// ##################################
	
	// arranca
	var arranca = function (el, elThumb) {
		// arrancar
		if (! elThumb) elThumb = '';
		if (! $('#fondo').is('div')) {
			// iniciales
			$('body,html').css({'overflow-y':'hidden'}); // preparacion
			$('body').append(htm); // agregar
			$('#loader').addClass('cargando').Centrar(); // cargador
			$('.js-pasa').css({'opacity':'0.3'}); // botones
			$('.js-close').text('x');
			$('#raster').css({'background':'url('+host+'/media/comun/raster-plano.png) fixed'});
			
			// indicadores derecha izquierda
			cursor();
			
			// lanzar evento para minimizar texto la primera vez que arranca
			$('.js-min').trigger('click',[1]);
			
			}
			
		// arrancado
		else if ($('#fondo').is('div')) {
			// retirar todos marcadores
			$('.js-imagen').each( function() {$(this).removeClass('js-activo');});
			$('.js-imagenTh').each( function() {
				$(this).removeClass('js-activo');
				$(this).find('img').removeClass('js-activoTh');
				});
			// descargar imagen
			$('img.pomada').fadeOut().remove();
			};
		
		// marcar la foto
		$(el).addClass('js-activo activo'); // marcar numeros
		$(elThumb).addClass('js-activo activo'); // marcar thumb
		$(elThumb).find('img').addClass('activoTh js-activoTh'); // marcar thumb borde inferior
		
		// ruta de la imagen
		var src = '';
		if ($(el).is('img')) src = $(el).attr('src').replace(/\.jpg/,'-l.jpg');
		if ($(el).is('a')) src = $(el).attr('href');
		
		
		// cargar la imagen
		$.cacheImage(src ,{
			load : function (e) {
				// imagen
				$(this).addClass('pomada')
				$('#fondo').append(this);
				
				// colocar la imagen
				$('#fondo img.pomada').cjObjectScaler({
					destObj: $('body'),
					method: 'fill', 
					fade: 800
					});
				
				},
			error : function() {
				cerrar();
				}
			});
		};
	
	
	// cambia opacidad del cursor
	var cursor = function () {
		$('body').bind('mousemove.myEvent_1', function (event) {
			// para la derecha
			if($(window).width()/2 < event.pageX) {
				// pasar al siguiente
				$('.js-der').css({'opacity':'1'});
				$('.js-izq').css({'opacity':'0.3'});
				}
			// para la izquerda
			else if ($(window).width()/2 > event.pageX) {
				//pasar anterior
				$('.js-der').css({'opacity':'0.3'});
				$('.js-izq').css({'opacity':'1'});
				
				};
			});
		}

	
	// pasar información
	var pasainfo = function (el) {
		// vinculos (utilizado en home)
		if ($(el).hasClass('js-ihome') && $(el).attr('alt') !='') {
			var htm = '<a class="fsim snl" title="más detalles '+$(el).attr('alt')+'" href="'+host+'/'+lg+'/diseno/'+$(el).attr('alt')+'">'+msg['detalles-'+lg]+'</a>';
			$('.js-linkHome').empty().append(htm);
			} else {$('.js-linkHome').empty();};
		// TIP
		if ($(el).attr('rel') !='') {
			$('.js-tip').empty().append(' / <label class="js-gtr-i">'+$(el).attr('rel')+'</label>');
			$('body').trigger('traducir');
			} else {$('.js-tip').empty();};
		}
	
	// cerrar
	var cerrar = function () {
		$('#fondo').fadeOut(function() {
			// retirar principales
			$('#logo-fotos').remove();
			$('#fondo').remove();
			$('#controles').remove();
			// retirar marcador de los numeros
			$('.js-imagen').each(function() {
				$(this).removeClass('js-activo');
				});
			// retirar marcador de miniaturas
			$('.js-imagenTh').each(function() {
				$(this).removeClass('js-activo');
				$(this).find('img').removeClass('js-activoTh')
				});
			
			// background
			$('#raster').css({'background':'url('+host+'/media/comun/raster-puntos.png) fixed'});
			
			// vaciar link home
			$('.js-linkHome').empty();
			
			// retirar el evento de cambiar opacidad de los controles
			$('body').unbind('mousemove.myEvent_1').css({'overflow-y':'auto'});
			
			// vaciar este boton
			$('.js-close').text('');
			
			// vaciar informacion de foto
			$('.js-tip').empty();
			
			// lanzar evento minimizar siempre que las imagenes se cierren
			$('.js-min').trigger('click',[2])
			})
		};
	});