var mode = "";
var decalOffset = 1;

$(window).bind(
			'load',
			function()
			{
                setButtons();
			}
);

function setButtons()
{
    $.each($(".button-to-skin"), function(index, value){
        var button = $(value);
        createButton(button);
    })
}

function createButton(button){
    var buttonPadding   = parseInt(button.css("padding-left").replace("px", ""))  ;
    var buttonHeight    = parseInt(button.height());
    var buttonWidth     = parseInt(button.width());
    var buttonClasses   = button.attr("class");

    setButtonOut(button);

    button.bind(
            "mouseenter",
            function(){
                setButtonOver(button)
            }
        );

    button.bind(
            "mouseleave",
            function(){
                setButtonOut(button);
            }
    );
}

function setButtonOver(button)
{
    var decalColor;
    if(button.hasClass("bg-green"))  decalColor = "rgba(123, 205, 141, .50)";
    if(button.hasClass("bg-red"))    decalColor = "rgba(197, 7, 7, .50)";
    if(button.hasClass("bg-brown"))  decalColor = "rgba(114, 0, 0, .50)";
    button.css("box-shadow", decalOffset+"px -"+decalOffset+"px 0px "+decalColor+", -1px 1px 0px rgb(255, 233, 37)");
    
    if(!button.hasClass("add-green-dropshadow") && !button.hasClass("add-red-dropshadow"))
    {
        button.css("text-shadow", "-"+decalOffset+"px "+decalOffset+"px 0px "+button.css("background-color"));
    }

    if(button.hasClass("bg-green"))     button.addClass("bg-green-over");
    if(button.hasClass("bg-red"))    button.addClass("bg-red-over");
    if(button.hasClass("bg-brown"))  button.addClass("bg-brown-over");
}

function setButtonOut(button)
{
    button.removeClass("bg-green-over").removeClass("bg-red-over").removeClass("bg-brown-over");

    var decalColor;
    if(button.hasClass("bg-green"))  decalColor = "rgba(123, 205, 141, .50)";
    if(button.hasClass("bg-red"))    decalColor = "rgba(197, 7, 7, .50)";
    if(button.hasClass("bg-brown"))  decalColor = "rgba(114, 0, 0, .50)";

    button.css("box-shadow", decalOffset+"px -"+decalOffset+"px 0px "+decalColor+", -"+decalOffset+"px "+decalOffset+"px 0px white");

    if(!button.hasClass("add-green-dropshadow") && !button.hasClass("add-red-dropshadow"))
    {
        button.css("text-shadow", "");
    }
}