var sliderGoBack = function() {
    $(".navbar #highlight").stop().animate(
    {
        left: $('#logo').offset().left+($(".navbar ul li.selected").width()+20)
        }, 500
    );
}
//my super show sidebar functions
var showSidebar = function(page){
    $('.sidebar').animate({width: 248 }, 500);
    $('.sidebar ul.'+page+'_sidebar li').css('width', '175');
    $('.sidebar ul.'+page+'_sidebar').animate({width: 248 }, 500);
};

var hideSidebar = function(callback){
    $('.sidebar').animate({ width: 0 }, 500);
    $('.sidebar *').animate({ width: 0 }, 500, callback );
};

var showProjectsInfo = function(){
    $('#projects_bar_info').css('border-top','solid 1px yellow');
    $('#projects_bar_info').animate({height: 100, top: -20 }, 500);
}

var hideProjectsInfo = function(){
    $('#projects_bar_info').css('border-top','');
    $('#projects_bar_info').animate({height: 0, top: 70 }, 500);
}

jQuery(function( $ ){
    //back to start
    $('div.pane').scrollTo( 0 );
    $.scrollTo( 0 );

    //navbar click
    $('.navbar ul li a').click(function(){
        hideSidebar();
        var href = $(this).attr('href').substr(1, $(this).attr('href').length);
        $('#content').stop().scrollTo( 'ul.'+href, 800, function(){showSidebar(href);});
        showSidebar();
        //hideProjectsInfo();

    });

    //projectbar click
    $('.projects_bar ul li a').click(function(){
        var id = $(this).attr('href').substr(1, $(this).attr('href').length)-1;
        hideSidebar(function(){
            $('#content').stop().scrollTo( 'ul.projects li:eq('+id+')', 800);
        });
        sliderGoBack();
        //showProjectsInfo();
    });

    //sidebar click
    $('.sidebar ul li a').click(function(){
        var id = $(this).attr('href').substr(1, $(this).attr('href').length);
        var page = $(this).parent().parent().attr('class').split('_', 1);
        page = page[0];
		if(page == 'blog')
			id -= 1;
        $('#content').stop().scrollTo( 'ul.'+page+' li:eq('+id+')', 800);
    });

    //link hover
    /*$('a').hover(function() {
        $(this).animate({ color: "#00eeff" }, 400);
    },function() {
        $(this).stop().animate({ color: "#FFFFFF" }, 500);
    });*/

});