var navigationBlueprint;
var navigationActive;
var navigationPageId;
var navigationTimer;

$(document).ready(function(){

    $('.page\\.navigation').live('mouseleave', resetNavigation)
    $('.page\\.navigation a').live('mouseenter', activateNavigation)
  
    navigationBlueprint = $('.page\\.navigation').clone();

});

function activateNavigation()
{
    
    navigationActive = true;

    var container = $(this).parent();

    $(container).find('a').removeClass('isSelected');

    $(this).addClass('isSelected');

    navigationPageId = $(this).attr('data-id');

    clearTimeout (navigationTimer);

    navigationTimer = setTimeout(getNavigation, 150);

}

function getNavigation()
{

    $.get('/navigation/get/index.do',  {id : navigationPageId}, getNavigationComplete, 'json');

}

function getNavigationComplete(data)
{

    if(navigationActive == false){

        return;

    }

    var container = $('.page\\.navigation a[data-id="' + data.id + '"]').parent();

    $(container).nextAll().remove();

    $(container).after(data.data)

}

function resetNavigation()
{

    navigationActive = false;

    $('.page\\.navigation').replaceWith($(navigationBlueprint).clone());

}