$(document).ready(function() {
   
    $('.navi .content').width($('.navi ul').width());
    
    $('.navi ul li.login a').click(function() {
        naviSubToggle('login');
        return false;
    });
    
    $('.navi ul li.feedback a').click(function() {
        naviSubToggle('feedback');
        return false;
    }); 
        
    $('.navi .content .close').click(function() {
        var name = $(this).parent().parent().parent().parent().attr('id');
        naviSubToggle(name.replace('navi-', ''));
        return false;
    });	
    
    $('#navi-feedback form').submit(function() {
        $.post("/user/feedback", $(this).serialize());
        $('#navi-feedback .inner').html('<p>Thank you for your feedback.</p>');
        return false;
    });
    
    $('.submit').mouseover(function(){
        
        $(this).css('text-shadow', '0 0 10px #ffcd6b');    
    });
    
    $('.submit').mouseout(function(){
        $(this).css('text-shadow', '0 0 0');    
    });

});

function naviSubToggle( name )
{
    if( $('#navi-'+name).css('display') == 'block' )
    {
        // current open element clicked agian
        $('.navi ul').removeClass('open');
        $('.navi ul li a').removeClass('active');
        $('.navi .content').hide();
        return;
    }

    if( $('.navi ul').hasClass('open') )
    {        
        $('.navi .content').hide();
        $('.navi ul li a').removeClass('active');            
    }
    else
    {
        $('.navi ul').addClass('open');        
    }	
    $('#navi-'+name).show();
    $('.navi ul li.'+name+' a').addClass('active');
}