/**
 * @author jasonroy
 */
var highlight_array = [];

$(function()
{
    initializeFocus();
	setupCollapsible();
})

function initializeFocus()
{
    var fields = $('.inputElements input, .inputElements select');
    fields.each(function(i, domElement)
    {
        if ($(domElement).attr('type') == 'radio' || $(domElement).type == 'checkbox') 
        {
            $(domElement).click().onclick = function()
            {
                clearSafariRadios();
                $(this).parents('li').addClass("highlighted");
            };
            fields[i].onfocus = function()
            {
                clearSafariRadios();
                $(this).parents('li').addClass("highlighted");
            };
            highlight_array.splice(highlight_array.length, 0, domElement);
        }
        else 
        {
            $(domElement).focus(function()
            {
                clearSafariRadios();
                $(this).parents('li').addClass("highlighted");
            })
            $(domElement).blur(function()
            {
                $(this).parents('li').removeClass("highlighted");
            })
        }
    })
}

function clearSafariRadios()
{
    $.each(highlight_array, function(i, item)
    {
        $(item).parents('li').removeClass('highlighted')
    })
}

function setupCollapsible()
{
	$('.collapsible label').each(function(i, domElement){
		$(domElement).click(function(){
			$(domElement).siblings('.inputElements').slideToggle(400)
		})
	})
	
}