$(function() {

    $(".butt").hover(
    function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu-before-over.gif")')
        $('.'+$c).css('color', 'white')
    }, function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu-before-active.gif")')
        $('.'+$c).css('color', '#838280');
    });

    $(".butt_after").hover(
    function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu-over.gif")')
        $('.'+$c).css('color', 'white')
    }, function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu-after-active.gif")')
        $('.'+$c).css('color', '#838280');
    });

    $(".butt2").hover(
    function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu4-active.gif")')
        $('.'+$c).css('color', 'white')
    }, function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu3-before-active.gif")')
        $('.'+$c).css('color', '#838280');
    });

    $(".butt2_after").hover(
    function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu3-over.gif")')
        $('.'+$c).css('color', 'white')
    }, function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu3-after-active.gif")')
        $('.'+$c).css('color', '#838280');
    });

    $(".butt3").hover(
    function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu4-active.gif")')
        $('.'+$c).css('color', 'white')
    }, function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu3-before-active.gif")')
        $('.'+$c).css('color', '#838280');
    });

    $(".butt3_last").hover(
    function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu4-end-active.gif")')
        $('.'+$c).css('color', 'white')
    }, function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu4-end.gif")')
        $('.'+$c).css('color', '#838280');
    });

    $(".butt3_first").hover(
    function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu4-start-active.gif")')
        $('.'+$c).css('color', 'white')
    }, function() {
	$c = $(this).attr('rel')
        $('.'+$c).css('background', 'url("../images/menu4-start.gif")')
        $('.'+$c).css('color', '#838280');
    });

 });