(function ($) {
    $.fn.loading = function () {
        return this.each(function () {            
            		if($(this).children("meta:first").length)
            		{
				            var $image = $(this).children("meta:first").attr('url');
				            $(this).css('background-image','url('+$image+')');
                }
        })
    };
    $.fn.loadinghover = function () {
        return this.each(function () {            
            $(this).hover(function () {
            		if($(this).children("meta").eq(1).length)
            		{
				            var $image = $(this).children("meta").eq(1).attr('url');
				            $(this).css('background-image','url('+$image+')');
                }
            },function () {
            		if($(this).children("meta").eq(1).length)
            		{
				            var $image = $(this).children("meta:first").attr('url');
				            $(this).css('background-image','url('+$image+')');
                }
            })
        })
    };
    $.fn.popup = function () {
        return this.each(function () {
            $(this).click(function () {
                $(this).parent().nextAll('.lightbox:first').fadeIn('fast');
                $('#navigateur').after('<div id="background"></div>');
                $('#background').fadeIn('fast')
            })
        })
    };
    $.fn.popout = function () {
        return this.each(function () {
            $(this).click(function () {
                $(this).parent('.lightbox').fadeOut('fast');
                $('#background').fadeOut('fast');
                $('#background').remove()
            })
        })
    };
    $.fn.popnext = function () {
        return this.each(function () {
            $(this).click(function () {
                if ($(this).parent().nextAll('.lightbox:first').length) {
                    $(this).parent().fadeOut('fast');
                    $(this).parent().nextAll('.lightbox:first').fadeIn('fast')
                } else {
                    $(this).popout()
                }
            })
        })
    };
    $.fn.popprev = function () {
        return this.each(function () {
            $(this).click(function () {
                if ($(this).parent().prevAll('.lightbox:first').length) {
                    $(this).parent().fadeOut('fast');
                    $(this).parent().prevAll('.lightbox:first').fadeIn('fast')
                } else {
                    $(this).popout()
                }
            })
        })
    };
    $.fn.pagination = function () {
        var $nbrComposants = ;

        $(this).append('<nav id="menu_pagination"></nav>');
                
        var $nbrElements = 2;
        var $pArr = $('figure').next('article').andSelf();
        var pArrLen = $pArr.length;
        var pPerDiv = $nbrComposants * $nbrElements;
        for (var i = 0; i < pArrLen; i += pPerDiv) {
            $pArr.filter(':eq(' + i + '),:lt(' + (i + pPerDiv) + '):gt(' + i + ')').wrapAll('<div class="page_pagination" id="page_' + (i / ($nbrComposants * $nbrElements) + 1) + '" >')
        }
        $nbrPage = Math.ceil(pArrLen / ($nbrComposants * $nbrElements));
        if ($nbrPage > 1) {
            var $largeurSection = $(this).width();
            $('.page_pagination').wrapAll('<div id="pagination">');
            $('#pagination').width($nbrPage * $largeurSection);
            $('.page_pagination').width($largeurSection);
            $('.page_pagination').each(function (i) {
                $('#menu_pagination').append('<a id="pagination_' + (i + 1) + '" >' + (i + 1) + '</a>');
                var decalage = -((i) * $largeurSection) + 'px';
                decalage_max = decalage;
                $('#pagination_' + (i + 1)).click(function () {
                    $('#pagination').animate({
                        marginLeft: decalage
                    }, "slow")
                })
            });
            $('#menu_pagination').prepend('<a id="pagination_prev" ><</a>');
            $('#menu_pagination').append('<a id="pagination_next" >></a>');
            $("#pagination_prev").click(function () {
                if ($('#pagination').css("margin-left") != "0px") {
                    $('#pagination').animate({
                        marginLeft: '+=' + $largeurSection
                    }, "slow")
                }
            });
            $("#pagination_next").click(function () {
                if ($('#pagination').css("margin-left") != decalage_max) {
                    $('#pagination').animate({
                        marginLeft: '-=' + $largeurSection
                    }, "slow")
                }
            });
        }
        
        if(pArrLen>24)
        {
				    $("#menu_pagination").append('<form id="select_pagination" action="#" method="post"><select name="pagination" onchange="this.form.submit()"></select></form>');
				    for(var key in data = [12,24,32,48])
				    {
						  	if(data[key]==$nbrComposants)
						  	{
							  		$("#select_pagination > select").append('<option value="'+data[key]+'" selected="selected">'+data[key]+' photos par page</option>');
						  	}
						  	else
						  	{
							  		$("#select_pagination > select").append('<option value="'+data[key]+'" >'+data[key]+' photos par page</option>');
						  	}
				    }
        }

    };
    $.fn.diaporama = function () {
        $(this).find('.photo:first').fadeOut(function(){
        		$(this).next('.photo').fadeIn(function(){
        				$(this).parent().find('.photo:first').appendTo($(this).parent());        		
        		});
        });
    }
})(jQuery);
$(function () {
      	    $('figure img').popup();
    $('.close').popout();
    $('.next').popnext();
    $('.prev').popprev();
    setInterval(function () {
        $('.diaporama').diaporama()
    }, 4000);
    $('.photo_chargement').loading();
    $('.photo_chargement').loadinghover();
});