$(document).ready(function() {
    var clicked='';

    /*Load default content*/
    $('div.content p').load("resources/text/menu/start.html");

/*----------------------------------------------------*/

    /*Logo click action*/
    $('div.logo, div.home').click(function() {
        $('div.box table tr td, div.menu table tr td').css('background-color','transparent');
        $('div.box table tr td, div.menu table tr td').css('color','#73797F');
//        $('div.menu table tr td').css('color','#000000');

        $('div.content p').load("resources/text/menu/start.html");
        clicked='';
    });

/*----------------------------------------------------*/

    /*Box hover action*/
    $('div.box').hover(
    function() {
        $(this).css('background-color','#CDD7D8');
    },
    function() {
        $(this).css('background-color','#DEE4E5');
    });

/*----------------------------------------------------*/

    /*Box item hover action*/
    $('div.box table tr td').hover(
    function() {
        $(this).css('background-color','#ADBCBF');
        $(this).css('color','#FFFFFF');
    },
    function() {
        if ($(this).text()!=clicked) {
            $(this).css('background-color','transparent');
            $(this).css('color','#73797F');
        }
    });

    /*Box item click action*/
    $('div.box table tr td').click(function() {
        $('div.box table tr td, div.menu table tr td').css('background-color','transparent');
        $('div.box table tr td, div.menu table tr td').css('color','#73797F');
//        $('div.menu table tr td').css('color','#000000');

        $(this).css('background-color','#ADBCBF');
        $(this).css('color','#FFFFFF');

        var str=$(this).text().substring(2).toLowerCase().replace(/ /g,'_');

        str=str.replace(/\u00e4/g,'ae');
        str=str.replace(/\u00f6/g,'oe');
        str=str.replace(/\u00fc/g,'ue');
        str=str.replace(/&/g,'und');
        str=str.replace(/[^a-z_]/g,'');

        $('div.content p').load("resources/text/"+str+".html");
        clicked=$(this).text();
    });

/*----------------------------------------------------*/

    /*Menu item hover action*/
    $('div.menu table tr td').hover(
    function() {
        $(this).css('background-color','#ADBCBF');
        $(this).css('color','#FFFFFF');
    },
    function() {
        if ($(this).text()!=clicked) {
            $(this).css('background-color','transparent');
//            $(this).css('color','#000000');
            $(this).css('color','#73797F');
        }
    });

    /*Menu item click action*/
    $('div.menu table tr td').click(function() {
        $('div.box table tr td, div.menu table tr td').css('background-color','transparent');
        $('div.box table tr td, div.menu table tr td').css('color','#73797F');
//        $('div.menu table tr td').css('color','#000000');

        $(this).css('background-color','#ADBCBF');
        $(this).css('color','#FFFFFF');


        var str=$(this).text().toLowerCase();

        $('div.content p').load("resources/text/menu/"+str+".html");
        clicked=$(this).text();
    });
});