/* ### NAVBOX-SLIDER ### */
/* ##################### */

$(document).ready(function() {
    $(".navbox1_slide").hover( function() {
            $(".navbox1_bild").hide(150);
            $(".navbox1_slogan").hide(100);
    });
    $(".navbox1_slide").mouseleave( function() {
            $(".navbox1_bild").show(150);
            $(".navbox1_slogan").show(100);
    });
    
    $(".navbox2_slide").mouseenter( function() {
            $(".navbox2_bild").hide(150);
            $(".navbox2_slogan").hide(100);
    });
    $(".navbox2_slide").mouseleave( function() {
            $(".navbox2_bild").show(150);
            $(".navbox2_slogan").show(100);
    });
    
    $(".navbox3_slide").mouseenter( function() {
            $(".navbox3_bild").hide(150);
            $(".navbox3_slogan").hide(100);
    });
    $(".navbox3_slide").mouseleave( function() {
            $(".navbox3_bild").show(150);
            $(".navbox3_slogan").show(100);
    });
    
    $(".navbox4_slide").mouseenter( function() {
            $(".navbox4_bild").hide(150);
            $(".navbox4_slogan").hide(100);
    });
    $(".navbox4_slide").mouseleave( function() {
            $(".navbox4_bild").show(150);
            $(".navbox4_slogan").show(100);
    });

}); 


/* ### TOPNAV-SLIDER ### */
/* ##################### */

$(document).ready(function() {
$(".topnav-menu li a").wrapInner( '<span class="out"></span>' );
$(".topnav-menu li a").each(function() {
$( '<span class="over">' + $(this).text() + '</span>' ).appendTo( this );
});
$(".topnav-menu li a").hover(function() {
$(".out", this).stop().animate({'top': '48px'}, 150); // move down - hide
$(".over", this).stop().animate({'top': '0px'}, 150); // move down - show
}, function() {
$(".out", this).stop().animate({'top': '0px'}, 150); // move up - show
$(".over", this).stop().animate({'top': '-48px'}, 150); // move up - hide
});
});


/* ### NAVBOX-LEVEL2-SLIDER ### */
/* ##################### */
/*
$(document).ready(function() {
$(".navbox li a").wrapInner( '<span class="out"></span>' );
$(".navbox li a").each(function() {
$( '<span class="over">' + $(this).text() + '</span>' ).appendTo( this );
});
$(".navbox li a").hover(function() {
$(".out", this).stop().animate({'top': '20px'}, 150); // move down - hide
$(".over", this).stop().animate({'top': '0px'}, 150); // move down - show
}, function() {
$(".out", this).stop().animate({'top': '0px'}, 150); // move up - show
$(".over", this).stop().animate({'top': '-20px'}, 150); // move up - hide
});
});
*/