$(document).ready(function(){

    $(".button-blue").prepend('<div class="button-blue-tl"></div>');
    $(".button-blue").prepend('<div class="button-blue-tr"></div>');
    $(".button-blue").prepend('<div class="button-blue-bl"></div>');
    $(".button-blue").prepend('<div class="button-blue-br"></div>');
    $(".button-blue").prepend('<div class="button-blue-l"></div>');
    $(".button-blue").prepend('<div class="button-blue-r"></div>');
    $(".button-orange").prepend('<div class="button-orange-tl"></div>');
    $(".button-orange").prepend('<div class="button-orange-tr"></div>');
    $(".button-orange").prepend('<div class="button-orange-bl"></div>');
    $(".button-orange").prepend('<div class="button-orange-br"></div>');
    $(".button-orange").prepend('<div class="button-orange-l"></div>');
    $(".button-orange").prepend('<div class="button-orange-r"></div>');

    $(".button-blue").each(function() {
        var padding = parseInt($(this).find(".field").css("padding-left")) + parseInt($(this).find(".field").css("padding-right"));
        $(this).css("width", ($(this).find(".field").width() + padding) + "px");
    });

    $(".button-orange").each(function() {
        var padding = parseInt($(this).find(".field").css("padding-left")) + parseInt($(this).find(".field").css("padding-right"));
        $(this).css("width", ($(this).find(".field").width() + padding) + "px");
    });


    $(".input-dropdown").click(function() {
        $(this).find(".input-dropdown-options").slideToggle();
    });

    $(".input-dropdown-options ul li a").click(function() {
        $(this).parent().parent().parent().parent().find("input").val($(this).html());
        $(this).parent().parent().parent().parent().find("span").html($(this).html());
        $(this).parent().parent().parent().slideToggle();
        return false;
    });


});