/// <reference path="jquery.js" />
/// <reference path="jquery-ui.js" />

$(function() {

    $("input,select,textarea,.ui-slider-handle").not("[alt]").live("focus",formInputFocus).live("blur",formInputBlur)

    
    
    // required to fix bug above where buttons don't trigger correctly when formELement i
    $(".arrow-button").mousedown(function() {
        $(".formElement").find(".instructions").delay(500);
    })
    
})


var formInputFocus = function() {

    var formElement = $(this).closest(".formElement");

    formElement.find(".instructions").slideToggle(500);
    formElement.addClass("formElement-focus");
    formElement.find("input.text").toggleClass("title");
    return true;

}

var formInputBlur =  function() {
    var formElement = $(this).closest(".formElement");
    formElement.removeClass("formElement-focus");
    formElement.find(".instructions").slideToggle();
    formElement.find("input.text").toggleClass("title");
    $(this).trigger("handleblur");
    return true;
}