jQuery.fn.defuscate = function( settings ) {
    settings = jQuery.extend({
        link: true,
        find: /\b([A-Z0-9._%-]+)\([^)]+\)((?:[A-Z0-9-]+\.)+[A-Z]{2,6})\b/gi,
        replace: '$1@$2'
    }, settings);
    return this.each(function() {
        if ( $(this).is('a[@href]') ) {
            $(this).attr('href', $(this).attr('href').replace(settings.find, settings.replace));
            var is_link = true;
        }
        $(this).html($(this).html().replace(settings.find, (settings.link && !is_link ? '<a href="mailto:' + settings.replace + '">' + settings.replace + '</a>' : settings.replace)));
    });
};
jQuery.fn.image = function(src, f){
	return this.each(function(){
		var i = new Image();
		i.src = src;
		i.onload = f;
		this.appendChild(i);
	});
} 

$(document).ready(function(){
	
	$('#parcoursContent').tabs();

	$('#resteVide').hide();

	var url = window.location.href;
	var ancreArray = url.split("#");
	if (ancreArray[1]) {
		var ancre = ancreArray[1];
	}else{
		var ancre = $("#vignettes li:eq(0)").attr('id');
	}
	// console.log(ancre);
	$("#grandeImage").css({'font-size':'.9em','display':'block'});
	$("#grandeImage h4").css({'margin-top':'0'});
	if ($("#vignettes #"+ancre+" a").length) {
		var thumbImgPath = $("#vignettes #"+ancre+" a").attr('href').replace('albums/', 'albums/thumb_');
		var imgPath = $("#vignettes #"+ancre+" a").attr('href');
		var titre = $("#vignettes #"+ancre+" a").parent().children('h4').html();
		var texte = $("#vignettes #"+ancre+" a").parent().children('p').html();
		$("#grandeImage a img").remove();
		$("#grandeImage p").remove();
		$("#grandeImage h4").remove();
		$("#grandeImage a").attr({'href':imgPath,'title':titre});
		$("#grandeImage a").image(thumbImgPath,function(){
			$("#grandeImage").fadeTo('slow', 1);
		});
		$("#grandeImage").append('<h4>'+titre+'</h4>'+'<p>'+texte+'</p>');
		$("#vignettes li").attr('id','');
	};

	var countImgs = 0;
	$('#vignettes li').each(function(){
		countImgs++;
		var bgImg = $(this).children().children('img').attr('src').replace('thumb', 'thumb_small');
		$(this).css('background', 'url('+bgImg+') center center');
		$(this).children().children('img').remove();
	});
	
	var widthUl = countImgs*59;
	
	$('#vignettesConteneur').css({background:'#B3C989',height:'65px','margin-bottom':'20px',float:'left',overflow: 'hidden', width: '349px'});
	$('#vignettesConteneur').before('<a id="prevBtn" href="prev">prev</a>')
	$('#vignettesConteneur').after('<a id="nextBtn" href="next">next</a>')

	if($('#vignettes').length){
		var	theMarginLeft = $('#vignettes').css('margin-left').replace("px", "");
		if (parseInt(widthUl) < 354) {
			$('#nextBtn').addClass('desactivated');
		}
		if (parseInt(theMarginLeft) == 0) {
			$('#prevBtn').addClass('desactivated');
		}
	}
	$('#vignettes').css({'width':widthUl+'px',height:'60px',float: 'left'});
	$('#vignettes li').css({clear:'none', float: 'left'});
	$('#vignettes li a').css({display: 'block', border:'2px solid #808D62', width: '50px', height: '50px'});
	// $('#vignettes li a').hover().css({'border-color': '#FFFFFF'});
	$("#vignettes li a").hover(function(){
		$(this).css({'border-color': '#FFFFFF'});
	}, function() {
		$(this).css({'border-color': '#808D62'});
	});
	$('#vignettes li h4').hide();
	$('#vignettes li p').hide();
	$('#vignettes li a').click(function() {
		var thumbImgPath = $(this).attr('href').replace('albums/', 'albums/thumb_');
		var imgPath = $(this).attr('href');
		var titre = $(this).parent().children('h4').html();
		var texte = $(this).parent().children('p').html();
		$("#grandeImage").fadeTo('fast', 0.01, function() {
			$("#grandeImage a").html('');
			$("#grandeImage p").remove();
			$("#grandeImage h4").remove();
			$("#grandeImage").parent().children("h2").after('<img id="loadingAnimation" style="position:absolute;margin-top:120px;margin-left:0px;" src="/images/ajax-loader.gif" alt="loading" />');
			$("#grandeImage a").attr({'href':imgPath,'title':titre});
			$("#loadingAnimation").hide().fadeIn('slow');
			$("#grandeImage a").image(thumbImgPath,function(){
				$("#loadingAnimation").remove();
				$("#grandeImage").fadeTo('slow', 1);
			});
			$("#grandeImage").append('<h4>'+titre+'</h4>'+'<p>'+texte+'</p>');
		});
				return false;
	});

	$('#prevBtn').click(function(){
		theMarginLeft = $('#vignettes').css('margin-left').replace("px", "");
		if (theMarginLeft+354 <= 0 && theMarginLeft%354 == 0) {
			if (theMarginLeft == -354) {
				$('#prevBtn').addClass('desactivated');
			}
			theMarginLeft = parseInt(theMarginLeft)+354;
			$('#vignettes').animate({marginLeft: theMarginLeft+"px"}, 700, 'swing');
			$('#nextBtn').removeClass('desactivated');
		}
		return false;
	});

	$('#nextBtn').click(function(){
		theMarginLeft = $('#vignettes').css('margin-left').replace("px", "");
		if (-theMarginLeft+354 < widthUl && theMarginLeft%354 == 0) {
			//alert(parseInt(widthUl)+parseInt(theMarginLeft));
			if (parseInt(widthUl)+parseInt(theMarginLeft) <= 708) {
				$('#nextBtn').addClass('desactivated');
			}
			$('#vignettes').animate({marginLeft: theMarginLeft-354+"px"}, 700, 'swing');
			$('#prevBtn').removeClass('desactivated');
		}
		return false;
	});

  $(".adresse").defuscate();

  $.gaTracker('UA-9663379-1');

});