$(document).ready(function() {

    // *** piroBox :
    $().piroBox({
        my_speed: 300,              // animation speed
        bg_alpha: 0.5,              // background opacity
        radius: 4,                  // caption rounded corner
        scrollImage : true,         // true == image follows the page _|_ false == image remains in the same open position
                                    // in some cases of very large images or long description could be useful.
        slideShow : 'true',         // true == slideshow on, false == slideshow off
        slideSpeed : 3,             // slideshow
        pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
        pirobox_prev : 'piro_prev', // Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
        close_all : '.piro_close'   // add class .piro_overlay(with comma)if you want overlay click close piroBox
    });

    // *** Menu :
    $id = $("h1:first").attr("id");
    $("#submenu dt a:not(#menu-"+$id+")").parent().next().hide();
    $("#submenu dt a").click(function(event) {
        if($(this).parent().next().is(":hidden"))
        {
            $("#submenu dd:visible").slideUp();
            $(this).parent().next().slideDown();
        }
        event.preventDefault();
    });

    // *** News :
    //$lnk = $(".pagination > a").attr("href");
    //setup_more_behaviour($lnk);

    // *** Search tour :
    $.validator.addMethod("validDate", function(value, element) {
            // Test if the date format : dd-mm-yyyy
            if(value == "")
                return true;
            else
                return value.match(/^\d\d?-\d\d?-\d\d\d\d$/);
        },
        "Saisissez une date au format jj-mm-aaaa"
   );


    $("#search_tour").validate({
        rules: {
            date1: {
                validDate: true
            },
            date2: {
                validDate: true
            }
        },
        highlight: function(element, errorClass, validClass) {
            $(element).addClass(errorClass);
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).removeClass(errorClass);
        }
    });
});

function setup_more_behaviour($url)
{
    $btn = "<a href=\""+$url+"\" title=\"Plus de news\" id=\"more_news\">PLUS</a>";

    $(".pagination").empty();
    $(".pagination").append($btn);
    $(".pagination").removeClass("loading");
    $(".pagination").addClass("btn");

    $(".pagination > a").click(function(event) {
        button_loading();
        display_next_news($(this).attr("href"));
        event.preventDefault();
    });
}

function display_next_news(url)
{
    $.getJSON("/ajax/"+url, function(json) {
    //$.getJSON("http://127.0.0.1/deftonesfr/index.php?page=ajax-accueil&n=3", function(json) {
       updateNews(json);
       updateButton(json);
    });
}

function updateNews(json)
{
    $.each(json.news, function(i, actu) {
        if(i==0)
            $lnk = "n"+actu.id;

        $news = "<dl class=\"news\" id=\"n"+actu.id+"\"><dt><a href=\"/news/"+actu.dlink+"/"+actu.slug+"/\" title=\"\">"+actu.titre+"</a></dt><dd class=\"date\">"+actu.d+"</dd><dd>"+actu.news+"</dd></dl>";
        $($news).insertBefore("p.pagination");
    });

    $h = $("#"+$lnk).offset().top;
    $("html,body").animate({scrollTop:$h}, 1000);
}

function updateButton(json)
{
    // Update button :
    $next_page = json.nextpage;

    if($next_page != 0)
    {
        $lnk ="/news/page/"+$next_page+"/";
        setup_more_behaviour($lnk);
    }
    else
    {
        $(".pagination").hide();
    }
}

function button_loading()
{
    $(".pagination").empty();
    $(".pagination").append("&nbsp;");
    $(".pagination").addClass("loading");
}
