$(function() {
    var app = Sammy('body', function() {
        this.get('#/', function() {
            $("#notepad-page1").load("/main/aboutUs");
            clearSelects();
            $("#aboutUs").addClass("clickedVerMenu");
        });
        this.get('#/services', function() {
            $("#notepad-page1").load("/main/services");
            clearSelects();
            $("#services").addClass("clickedVerMenu");
        });
        this.get('#/menu', function() {
            $("#notepad-page1").load("/main/menu");
            clearSelects();
            $("#menuTab").addClass("clickedVerMenu");
        });
        this.get('#/jobs', function() {
            $("#notepad-page1").load("/main/jobs");
            clearSelects();
            $("#jobs").addClass("clickedHorMenu");
        });
        this.get('#/contacts', function() {
            $("#notepad-page1").load("main/contacts");
            clearSelects();
            $("#contacts").addClass("clickedHorMenu");
        });
    });
    app.run('#/');
    configMenu();
});

function configMenu(){
    $(".horMenu").mouseover(function(){
        $(this).addClass("overHorMenu");
    });
    $(".horMenu").mouseout(function(){
        if(!$(this).hasClass("clickedHorMenu")){
            $(this).removeClass("overHorMenu");
        }
    });
    $(".verMenu").mouseover(function(){
        $(this).addClass("overVerMenu");
    });
    $(".verMenu").mouseout(function(){
        if(!$(this).hasClass("clickedVerMenu")){
            $(this).removeClass("overVerMenu");
        }
    });
}

function clearSelects(){
    $(".verMenu").removeClass("clickedVerMenu").removeClass("overVerMenu");
    $(".horMenu").removeClass("clickedHorMenu").removeClass("overHorMenu");
}