What I Believe Buttons

by Koubenec

HTML

<div id="pagebuttonhome" onclick = "top.location.href='http://wacaustin.org/home/'"><div id="arrow-border-left"></div><div id="arrow-border-right"></div><div class="arrow-up-internal"></div><div class="arrow-up"></div></div>

CSS

#pagebuttonhome {
width: 450px;
height: 40px;
background-color: #E27AC2;
position: absolute;
overflow: hidden;
left: 40px;
bottom: 0px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 17px;
letter-spacing: 2px;
text-align: center;
line-height: 30px;
color: #dc2d18;
}

JavaScript

$(document).ready(function() {
    $(".arrow-up").hover(function() {
        $(this).stop().animate({
            "backgroundColor": "#fff",
            "color": "#F26522"
        }, 'fast');
    }, function() {
        $(this).stop().animate({
            "backgroundColor": "#F26522",
            "color": "#fff"
        }, 'fast');   
    });
    $("#mainsite").hover(function() {
        $(this).stop().animate({
            "backgroundColor": "#fff",
            "color": "#2D8E8E"
        }, 'fast');
    }, function() {
        $(this).stop().animate({
            "backgroundColor": "#2D8E8E",
            "color": "#fff"
        }, 'fast');   
    });
    $("#whatibelieve").hover(function() {
        $(this).stop().animate({
            "backgroundColor": "#fff",
            "color": "#E27AC2",
        }, 'fast');
    }, function() {
        $(this).stop().animate({
            "backgroundColor": "#E27AC2",
            "color": "#fff"
        }, 'fast');   
    });
    $("#mobile").hover(function() {
        $(this).stop().animate({
            "backgroundColor": "#fff",
            "color": "#80AF35"
        }, 'fast');
    }, function() {
        $(this).stop().animate({
            "backgroundColor": "#80AF35",
            "color": "#fff"
        }, 'fast');   
    });
});