var MARGIN_VISIBLE = "-350px";
var MARGIN_OUT_RIGHT = "450px";
var MARGIN_OUT_LEFT = "-1150px";
var ANIMATION_PARAMS_SCROLL = {duration: 400, easing: "swing", queue: false};
var ANIMATION_SCROLL_FACTOR = 200;
var current_page = 0;
var num_pages = 6;

function navigate(new_page_num)
{
    $("#intro").css({opacity: 0, marginLeft: MARGIN_OUT_LEFT});

    // not moving at all
    if (new_page_num == current_page) return;
    
    $("div.menu a").blur();
    
    // re-assets other pages
    for (var i = 1; i <= num_pages; i++)
    {
        if (i < new_page_num && i != current_page) $("#page-"+i).css({marginLeft: MARGIN_OUT_LEFT, opacity: 0});
        else if (i > new_page_num && i != current_page) $("#page-"+i).css({marginLeft: MARGIN_OUT_RIGHT, opacity: 0});
    }
    
    $("div.menu a").removeClass("active");
    $("#menu-"+new_page_num).addClass("active");

    // is going forward?
    var bkg_pos = -((new_page_num - 1) * ANIMATION_SCROLL_FACTOR) + "px 0";
    $("#page-"+current_page).animate({opacity: 0, marginLeft: new_page_num > current_page ? MARGIN_OUT_LEFT : MARGIN_OUT_RIGHT}, ANIMATION_PARAMS_SCROLL);
    $("#page-"+new_page_num).animate({opacity: 1, marginLeft: MARGIN_VISIBLE}, ANIMATION_PARAMS_SCROLL);
    $("#scrolling-background").animate({backgroundPosition: bkg_pos}, ANIMATION_PARAMS_SCROLL);
    current_page = new_page_num;
}

function hideintro()
{
    $("#intro").animate({opacity: 0, marginLeft: MARGIN_OUT_LEFT}, ANIMATION_PARAMS_SCROLL);
    $("#menu-1").addClass("active");
    current_page = 1;
    
    for (var i = 1; i <= num_pages; i++)
    {
        if (i == current_page)
        {
            $("#page-"+i).css({left: "50%", marginLeft: "-350px", opacity: "1"});
        }
        else if (i < current_page)
        {
            $("#page-"+i).css({marginLeft: MARGIN_OUT_LEFT, display: "block", opacity: 0});
        }
        else if (i > current_page)
        {
            $("#page-"+i).css({marginLeft: MARGIN_OUT_RIGHT, display: "block", opacity: 0});
        }
    }
    var bkg_pos = -((current_page - 1) * ANIMATION_SCROLL_FACTOR) + "px 0";
    $("#scrolling-background").css({backgroundPosition: bkg_pos});
}

flowplayer("player", {src: "_flash/flowplayer-3.1.1.swf", wmode: "opaque"},
{
    clip:
    {
        url: "http://www.antrodeldrago.info/avventurafinale/LFST.flv",
        title: "",
        autoPlay: false,  
        autoBuffering: true,
        scaling: "orig",
        controls:
        {
            autoHide: "always",
            hideDelay: 1000
        }
    } 
});