");
$(this).css({ "padding-top": "0",
"padding-bottom": "0",
"padding-left": "0",
"padding-right": "0"
});
}
})
}
if (!ie6)
{
if (corners == 2)
{
$(this).append('');
}
else if (corners == 3)
{
$(this).append('');
}
else if (corners == 1)
{
$(this).prepend('');
}
else
{
$(this).append('');
}
}
}
/**
jQuery extension - tabbing with radio buttons
*/
$.fn.tabs = function()
{
$(this).find(":radio").each(function(i)
{
//add class to all options
$(".opt" + i).addClass("tabOption");
//check if option is shown
console.log($(this).is(":checked"));
($(this).is(":checked")) ? $(this).parents("li").addClass("selected") : $(this).parents("li").removeClass("selected").parents(".frmConditional").find(".opt" + i).addClass("js-hide");
$(this).click(function()
{
$(".tabOption").each(function()
{
($(this).hasClass(".opt" + i)) ? $(this).removeClass("js-hide") : $(this).addClass("js-hide");
})
$(this).parents("li").addClass("selected").siblings("li").removeClass("selected");
})
})
}
/**
jQuery extension - Add accordian functionallity to a group of form items
*/
$.fn.accordian = function()
{
$(this).find(".frmSection .container:not(:first)").addClass("js-hide");
$(this).find("h2").wrapInner("");
$(this).find(".footer").html("open next section");
$(".js-toggle").click(function(e)
{
e.preventDefault();
if ($(this).parents(".frmSection").find(".container").hasClass("js-hide") == true)
{
$(this).parents(".frmSection").find(".container").removeClass("js-hide");
var pos = $(this).parents(".frmSection").position();
$('html, body').animate({ scrollTop: pos.top + 50 }, 500);
}
else
{
$(this).parents(".frmSection").find(".container").addClass("js-hide");
}
});
$(".js-toggle-next").click(function(e)
{
e.preventDefault();
$(this).parents(".frmSection").next().find(".container").removeClass("js-hide");
var pos = $(this).parents(".frmSection").next().position();
$('html, body').animate({ scrollTop: pos.top + 50 }, 500);
})
}
/**
jQuery extension - Add hide show functionallity to a data list of q and a's
*/
$.fn.toggleList = function()
{
$(this).find("dd").addClass("js-hide").end()
.find("dt").addClass("js-closed").wrapInner("")
.find("a").click(function(e)
{
e.preventDefault();
$(this).parent("dt").toggleClass("js-closed").next("dd").toggleClass("js-hide");
});
}
/**
jQuery extension - Create a large clickable area from a hyperlink, when clicked the hyperlink click event is invoked.
@param [selector] An optional jQuery selector string pointing the link you wish to 'make big', if ommitted it will use the first hyperlink within the element
*/
$.fn.bigLink = function(/**String*/selector)
{
var link = selector ? $(selector) : this.find('a[@href]:eq(0)');
this.click(function()
{
// the first link within the supplied element
var prevent_default = false;
// check through all click events to for preventDefault command
var all_events = link.data('events');
var click_events;
if (all_events && all_events.click)
{
click_events = all_events.click;
for (var k in click_events)
{
if (/\.preventDefault\(\)/.test(click_events[k].toString()))
{
prevent_default = true;
}
}
}
// trigger all jquery assigned events
link.triggerHandler('click');
// if preventDefault has never been assigned to this link then it is safe to do a standard redirect
if (!prevent_default)
{
document.location = link.attr('href');
}
})
.css('cursor', 'pointer');
}
/**
jQuery plugin extension which adds inline date selection
*/
jQuery.fn.dateHelper = function(attr)
{
if (this.length == 0) return this;
var containingId = "#" + this.attr("id");
//add link
$(containingId + " .frmElement:last").after('Select date');
$('#' + attr.linkId).click(function(e) { e.preventDefault(); });
//get the start end dates
var endDd = $(attr.selectDayId + ' option:last').val();
var endMm = $(attr.selectMthId + ' option:last').val();
var endYyyy = $(attr.selectYrId + ' option:last').val();
var endDate = endDd + "/" + endMm + "/" + endYyyy;
var startDd = $(attr.selectDayId + ' option:first').val();
if (startDd.length === 1) startDd = "0" + startDd;
var startMm = $(attr.selectMthId + ' option:first').val();
if (startMm.length === 1) startMm = "0" + startMm;
var startYyyy = $(attr.selectYrId + ' option:first').val();
var startDate = startDd + "/" + startMm + "/" + startYyyy;
$('#' + attr.linkId)
.datePicker(
// associate the link with a date picker
{
createButton: false,
startDate: startDate,
endDate: endDate
}
).bind(
// when the link is clicked display the date picker
'click',
function()
{
//updateSelects($(this).dpGetSelected()[0]);
updateSelects($(attr.selectMthId).val() + '/' + $(attr.selectDayId).val() + '/' + $(attr.selectYrId).val());
$(this).dpDisplay();
return false;
}
).bind(
// when a date is selected update the SELECTs
'dateSelected',
function(e, selectedDate, $td, state)
{
updateSelects(selectedDate);
}
).bind(
'dpClosed',
function(e, selected)
{
updateSelects(selected[0]);
}
);
var updateSelects = function(selectedDate)
{
selectedDate = new Date(selectedDate);
var d = selectedDate.getDate();
var m = selectedDate.getMonth();
var y = selectedDate.getFullYear();
($(attr.selectDayId)[0]).selectedIndex = d - 1;
($(attr.selectMthId)[0]).selectedIndex = m;
($(attr.selectYrId)[0]).selectedIndex = y - startYyyy;
$(attr.selectDayId + ", " + attr.selectMthId + ", " + attr.selectYrId).trigger("change");
}
// listen for when the selects are changed and update the picker
$(attr.selectDayId + ", " + attr.selectMthId + ", " + attr.selectYrId)
.bind(
'change',
function()
{
var d = new Date(
$(attr.selectYrId).val(),
$(attr.selectMthId).val() - 1,
$(attr.selectDayId).val()
);
$('#' + attr.linkId).dpSetSelected(d.asString());
}
);
// default the position of the selects to today
var today = new Date();
($(attr.selectDayId)[0]).selectedIndex = today.getDate() - 1;
($(attr.selectMthId)[0]).selectedIndex = today.getMonth();
($(attr.selectYrId)[0]).selectedIndex = today.getFullYear() - 2005;
// and update the datePicker to reflect it...
$(attr.selectDayId + ", " + attr.selectMthId + ", " + attr.selectYrId).trigger("change")
$(attr.selectDayId).trigger('change');
}
/**
jQuery extension - ready reckoner
*/
$.fn.toggleResult = function()
{
var result = $(this).find("div.result").addClass("js-hide");
$(this).find(":submit").click(function()
{
result.slideToggle();
return false;
})
}