var currentPage = 'home';
var moving = false;
var redimensionaPaginaInicial = true;

$(window).bind('hashchange', function () {
    var url = window.location.hash.replace(/#/g, '') || 'home';
    url = url.split('/', 2);


    if (url[0] != 'home') redimensionaPaginaInicial = false;

    
    if (!moving) {

        if (url[0] == 'home') animateHome();

        MovePage(url[0]);
        
        if (url[0] == 'projeto') {
            LoadProject(url['1']);
        }
    }
}).trigger("hashchange");


$('#main-menu a, #footer-menu a').click(function(e) {
    if(moving) {
        e.preventDefault();
    }
});

function animateHome() {
    $('#page-home img').animate({opacity: 0, marginTop:'-50px'}, 0, function() {
        $(this).show().animate({opacity: 1, marginTop:'0'}, 1000);
    });

    $('#page-home h2').animate({opacity: 0, marginTop:'100px'}, 0, function() {
        $(this).show().animate({opacity: 1, marginTop:'20px'}, 1000);
    });
}

function LoadProject(projectId) {
    var getUrl = baseUrl+'galleries/images/'+projectId;
    showLoading();
    $.get(getUrl, function(data){
        $('#page-projeto').html(data);
        hideLoading();
    });
}

function showLoading() {
    $('#loading-project').css('top', $('#middle').position().top);
    $('#loading-project').css('left', $('#middle').position().left);
    $('#loading-project').fadeTo('normal', 0.8);
}
function hideLoading() {
    $('#loading-project').fadeTo('normal', 0, function(){
        $('#loading-project').hide();
    });
}

function MovePage(page) {
    if (page != currentPage && !moving) {
        var pageId = '#page-' + page;
        var currentPageId = '#page-' + currentPage;
        
        $('#main-menu a').removeClass('current');
        $('#main-menu a[href*='+ page +']').addClass('current');
    
        $('#footer-menu a').removeClass('current');
        $('#footer-menu a[href*='+ page +']').addClass('current');
  
        moving = true;
        $(pageId).stop().css('z-index', '2').fadeIn('fast').animate({
            left: 20
        }, 1300, 'easeOutExpo', function() {
            moving = false;
        });

        $('#middle').animate({ height: $(pageId).height() }, 1300);
    
        moving = true;
        $(currentPageId).stop().css('z-index', '1').animate({
            left: '-960px'
        }, 1000, 'easeInExpo').fadeOut('fast', function(){
            $(this).hide();
            currentPage = page;
            moving = false;
        });
    }
}