/* jQuery snippet to support outerHTML */ 
jQuery.fn.outerHTML = function() {
    return $('<div>').append( this.eq(0).clone() ).html();
};


function initStylingAndEffects()
{
    /* Add focus effect to input fields */
    initFocusOnInputFields();
    
    /* Init pressed animation to buttons */
    initButtonPressedStyle();
}

/* Add focus effect to input fields */
function initFocusOnInputFields()
{
    $('input, select, textarea').focus(function() {
        $(this).addClass('focus');
    });
    $('input, select, textarea').blur(function() {
        $(this).removeClass('focus');
    });
}

/* Init pressed animation to buttons */
function initButtonPressedStyle()
{
    $('.button_blackbg, .button_pinkbg').mousedown(function() {
        $(this).addClass('pressed');
    });
    $('.button_blackbg, .button_pinkbg').mouseup(function() {
        $(this).removeClass('pressed');
    });
    $('.button_blackbg, .button_pinkbg').mouseout(function() {
        $(this).removeClass('pressed');
    });
}