var intervalPage;

$(document).ready(function() {
    $("[rel=gal]").hide();
    
    if ($("[rel=gal]").length > 1) {
        $("[rel=gal]").css({ "position": "absolute" });
    }

    $($("[rel=gal]")[0]).fadeIn().addClass("active");

    $("[rel=gal]").click(function() { nextImg($(this)) });

    clearTimeout(intervalPage);
    intervalPage = setTimeout(function() { nextImg($(".imgcontainerpage .active")) }, 5000);
});

function nextImg(obj) {
    var a = $(obj);
    a.removeClass("active");
    var n = a.next("img");
    if ($(n).length != 1) n = $($("[rel=gal]")[0]);

    a.fadeOut("slow");
    n.fadeIn("slow").addClass("active");

    clearTimeout(intervalPage);
    intervalPage = setTimeout(function() { nextImg($(".imgcontainerpage .active"))}, 5000);
}