//on nav click
function on_nav_click(object)
{
    $("#navigation li.selected").removeClass("selected");
    $("#nav-item-"+$(object).attr("pos")).parent().addClass("selected");
    
    skip_auto = true;
    $(window).scrollTo(parseInt($(object).attr("pos"))*$(window).height(), 200);
    setTimeout(function(){skip_auto = false;}, 300);
}
//------------

//on nav click
function on_nav_click_pos(object)
{
    $("#navigation li.selected").removeClass("selected");
    $("#nav-item-"+object).parent().addClass("selected");
    
    skip_auto = true;
    $(window).scrollTo(parseInt(object)*$(window).height(), 200);
    setTimeout(function(){skip_auto = false;}, 300);
}
//------------

//on scroll
var scroll_timer = 0;
var skip_auto = false;
function on_scroll(first_run)
{
    //update buttons
    var sc = $(window).scrollTop();
    var page = Math.floor(sc/$(window).height());
    if(page>0)
    {
        if($("#navigation-top-button").hasClass("inv"))$("#navigation-top-button").stop(1,1).fadeIn(300).removeClass("inv");
        $("#navigation-top-button").html(pages[page-1]+'<span>&nbsp;&uarr;</span>').attr("href", "#/"+pages[page-1]);
        $("#navigation-top-button").attr("pos", page-1);
    }else
    {
        if(!$("#navigation-top-button").hasClass("inv"))$("#navigation-top-button").stop(1,1).fadeOut(300).addClass("inv");
    }
    if(page<pages.length-1)
    {
        if($("#navigation-bottom-button").hasClass("inv"))$("#navigation-bottom-button").stop(1,1).fadeIn(300).removeClass("inv");
        $("#navigation-bottom-button").html(pages[page+1]+'<span>&nbsp;&darr;</span>').attr("href", "#/"+pages[page+1]);;
        $("#navigation-bottom-button").attr("pos", page+1);
    }else
    {
        if(!$("#navigation-bottom-button").hasClass("inv"))$("#navigation-bottom-button").stop(1,1).fadeOut(300).addClass("inv");
    }
    //--------
    
    //set autofocus
    clearTimeout(scroll_timer);
    if(typeof(first_run) == "undefined"&&!skip_auto)
    {
        scroll_timer = setTimeout(function(){
            var page = Math.round(sc/$(window).height());
            skip_auto = true;
            $(window).scrollTo(page*$(window).height(), 200);
            setTimeout(function(){skip_auto = false;},300);
            $("#navigation .selected").removeClass("selected");
            $("#nav-item-"+page).parent().addClass("selected");
        },500);
    }
    //-------------
    
    //set color
    if($(window).scrollTop()>10)
    {
        $("#navigation-bottom-button").removeClass("up-over").addClass("down-over").attr("is_down", "true");
    }else
    {
        $("#navigation-bottom-button").removeClass("down-over").addClass("up-over").attr("is_down", "false");
    }
    if($(window).scrollTop()<(pages.length-1)*$(window).height())
    {
        $("#navigation-top-button").removeClass("up-over").addClass("down-over").attr("is_down", "true");
    }else
    {
        $("#navigation-top-button").removeClass("down-over").addClass("up-over").attr("is_down", "false");
    }
    //-----------
}
//----------

//on resize
function on_resize(first_run)
{
    //check content normal/mobile
    var w = $(window).width();
    if(w<1000)
    {
        $("#content-normal").css("width", "1000px");
        //$("#content-mobile").removeClass("inv");
        //return;
    }else
    {
        $("#content-normal").css("width", "auto");
        //$("#content-mobile").addClass("inv");
    }
    $("#content-mobile").addClass("inv");
    $("#navigation-bottom-button").css("margin-top", ($(window).height()-35)+"px");
    on_scroll(first_run);
}
//--------

//on ready
$(document).ready(function(){
    
    //create navigation
    {
        $("#content-normal").prepend('<ul id="navigation"></ul>');
        var ht = '';
        for(var a = 0;a<pages.length;a++)
        {
            ht+='<li id="nav-item-li-'+a+'"><a id="nav-item-'+a+'" onClick="javascript:on_nav_click(this);" pos="'+a+'" href="#/'+pages[a]+'">'+pages[a]+'</a></li>';
        }
        $("#navigation").html(ht).find("li:first-child").addClass("selected");
        var tot_mg = 0;
        $("#navigation li").each(function(){
            var w = $(this).find("a").width();
            $(this).css("margin-left", tot_mg);
            tot_mg+=w+20;
        });
        var h = 35;
        $("#navigation").css("margin-top", "-"+h+"px").css("visibility", "visible").animate({marginTop: "0px"}, 300);
    }
    //----------------
    
    //create top-bottom buttons
    {
        $("#content-normal").prepend('<div id="navigation-buttons-holder"></div>');
        $("#navigation-buttons-holder").append('<div><a pos="0" onClick="javascript:on_nav_click(this);" class="navigation-button" id="navigation-bottom-button"></a></div>');
        $("#navigation-buttons-holder").append('<div><a pos="0" onClick="javascript:on_nav_click(this);" is_down="false" class="navigation-button" id="navigation-top-button"></a></div>');
        $("#navigation-bottom-button").mouseover(function(){
           if($(this).attr("is_down") == 'true')$(this).addClass("down-over");
           else $(this).addClass("up-over");
        }).mouseout(function(){
            /*$(this).removeClass("down-over").removeClass("up-over");*/
        });;
    }
    //-------------------------
    
    //create menu
    var index = 0;
    $(".menu").each(function(){
       var items = new Array();
       $(this).find(".menu-item").each(function(){
            items.push($(this));
       });
       $(this).css("display", "none");
       var m_left = '<div id="menu-'+index+'" class="menu"><div class="menu-left"></div><div class="menu-right">1</div></div>';
       $(m_left).insertBefore($(this));
       for(var a = 0;a<items.length;a++)
       {
            $("#menu-"+index+" .menu-left").append("<a m_index='"+index+"' index='"+a+"' href='javascript:void(0);'>"+items[a].attr("title")+"&nbsp;&#155;</a>");
       }
       $("#menu-"+index+" .menu-left a:first-child").addClass("selected");
       $("#menu-"+index+" .menu-right").html(items[0].html());
       $("#menu-"+index+" .menu-left a").click(function(){
            var index = parseInt($(this).attr("m_index"));
            $("#menu-"+index+" .menu-left a").removeClass("selected");
            $(this).addClass("selected");
            $("#menu-"+index+" .menu-right").html(items[parseInt($(this).attr("index"))].html());
       });
       index++;
    });
    //----------
    
    //create scrolling
    $("body a").each(function(){
        if($(this).attr("_target")!="_blank"&&$(this).attr("href")!="javascript:void(0);"&&$(this).attr("rel")!="lightbox"&&$(this).attr("href")!="javascript:;")
        {
            $(this).click(function(){
                var page = 0;
                var hr = $(this).attr("href");
                hr = hr.replace("#/", "");
                for(var a = 0;a<pages.length;a++)
                {
                    if(pages[a] == hr)
                    {
                        page = a;
                        break;
                    }
                }
                on_nav_click_pos(page);
            })
        }
    });
    //-----------
    
    //create tooltips
    $(".clients a[title], .clients-small a[title]").tipsy({gravity: "se", fade:true, delayIn: 0, html:true, offset:5, animate:true});
    //--------------
    
    //create mobile version
    var ht = '';
    //$("#content ")
    
    //enable content
    on_scroll(true);
    on_resize(true);
    $("#content").fadeOut(0).css("visibility", "visible").fadeIn(300);
    $(window).scroll(function(){on_scroll();});
    $(window).resize(function(){on_resize();});
    //--------------
    
    //fancybox
    $("a[rel=\"lightbox\"]").fancybox({
        'titleShow'     : true,
        'transitionIn'	: 'elastic',
        'transitionOut'	: 'elastic',
        'easingIn'      : 'easeOutBack',
        'easingOut'     : 'easeInBack'
    });
    //---------
    
    //set scrolling 
    var hash = decodeURI(document.location.hash);
    hash = hash.replace("/", "");
    hash = hash.replace("#", "");
    if(hash.length)
    {
        for(var a = 0;a<pages.length;a++)
        {
            if(pages[a] == hash)
            {
                $(window).scrollTo(a*$(window).height(), 200);
                break;
            }
        }
    }
    //-------------------
    
});
//---------