var oldProjectName = "";
var oldProjectDescription = "";

window.addEvent('domready', function() {
//	oldProjectName = "";
//    oldProjectDescription = "";
    $$('.updateNav').addEvent('mouseenter', function(e){
    	new Event(e).stop();
    	var projectName = this.getAttribute('title');
        var projectDescription = this.getAttribute('name');
        
        if (oldProjectName == "") {
            oldProjectName = $('project-name').innerHTML.toString();
        }
        if (oldProjectDescription == "") {
            var tempProjectDescription = $('project-description').innerHTML.toString();
            oldProjectDescription = tempProjectDescription.replace("-", " ");
        }
        
        $('project-name').setHTML(projectName);
        $('project-description').setHTML(projectDescription.replace("-", " "));
        this.setStyle('background-position','left bottom');
    });
    $$('.updateNav').addEvent('mouseleave', function(e){
    	new Event(e).stop();
        $('project-name').setHTML(oldProjectName);
        $('project-description').setHTML(oldProjectDescription);
        if (this.hasClass('selected') == false) {
            this.setStyle('background-position', 'left top');
        }
    });
    
});