');
$('#email-sub-modal-parent').css({
left: lnk.offset().left + 'px',
top: (lnk.offset().top + lnk.height()) + 'px'
});
var url = lnk.attr('href') + "?cb=" + Math.ceil((Math.random() * 100000)) + "&appkeys=" + appKeys + '&defaultkeys=' + defaultKeys;
$('#email-sub-modal .modal-m').load(url, function () {
$('#email-sub-modal-close').live('click', function () {
$('#email-sub-modal').slideToggle('fast', function () {
$('#email-sub-modal-parent').remove();
});
lnk.toggleClass('modal');
return false;
});
});
$('#email-sub-modal').slideToggle('fast');
} else {
$('#email-sub-modal').slideToggle('fast');
}
lnk.toggleClass('modal');
return false;
});
});
function gotoDate(theDate, isRandom, applicationKey) {
return gotoDateFormatted(theDate, isRandom, 'yy/mm/dd', applicationKey);
}
function gotoDateFormatted(theDate, isRandom, format, applicationKey) {
var url = '/channels/' + getApplicationKeyUrl(applicationKey) + 'archive/' + $.datepicker.formatDate(format, theDate) + '.aspx' + (isRandom ? '#random' : '');
document.location = url;
return false;
}
function getApplicationKeyUrl(appKey) {
if (appKey && appKey.length > 0)
return appKey + '/';
return '';
}
function initializeArchiveDatepicker(picker, autoRedirect, earliestDate, today, applicationKey){
if(autoRedirect){
$(picker).datepicker({ changeMonth: true, changeYear: true, minDate: earliestDate, gotoCurrent:true, maxDate: '+0d', defaultDate: today,
onSelect: function(dateText, inst) {
var theDate = new Date(dateText);
return gotoDate(theDate,false, applicationKey);
}
});
}else{
$(picker).datepicker({ changeMonth: true, changeYear: true, minDate: earliestDate, gotoCurrent:true, maxDate: '+0d', defaultDate: today});
}
$('.today').click(function(){
var theDate = new Date();
return gotoDate(theDate,false, applicationKey);
});
$('.yesterday').click(function(){
var theDate = new Date();
theDate.setDate(theDate.getDate() -1);
return gotoDate(theDate,false, applicationKey);
});
$('.random').click(function(){
var theDate = new Date();
var startMillis = earliestDate.getTime();
var endMillis = theDate.getTime();
var randomDate = new Date(startMillis +Math.random()*(endMillis-startMillis));
return gotoDate(randomDate,true, applicationKey);
});
$('.gotodate').click(function(){
var theDate = $(picker).datepicker( "getDate" );
return gotoDate(theDate,false, applicationKey);
});
$('.gotomonth').click(function(){
var month = $("#" + picker + " .ui-datepicker-month :selected").val();
var year = $("#" + picker + " .ui-datepicker-year :selected").val();
var theDate = new Date(year,month,1);
return gotoDateFormatted(theDate,false,'yy/mm', applicationKey);
});
}
function initializeCommentDatepicker(picker, autoRedirect, earliestDate, today, rootPath) {
if (autoRedirect) {
$(picker).datepicker({ changeMonth: true, changeYear: true, minDate: earliestDate, gotoCurrent: true, maxDate: '+0d', defaultDate: today,
onSelect: function (dateText, inst) {
var theDate = new Date(dateText);
return gotoCommentDate(theDate, false, rootPath);
}
});
} else {
$(picker).datepicker({ changeMonth: true, changeYear: true, minDate: earliestDate, gotoCurrent: true, maxDate: '+0d', defaultDate: today });
}
$('.today').click(function () {
var theDate = new Date();
return gotoCommentDate(theDate, false, rootPath);
});
$('.yesterday').click(function () {
var theDate = new Date();
theDate.setDate(theDate.getDate() - 1);
return gotoCommentDate(theDate, false, rootPath);
});
$('.random').click(function () {
var theDate = new Date();
var startMillis = earliestDate.getTime();
var endMillis = theDate.getTime();
var randomDate = new Date(startMillis + Math.random() * (endMillis - startMillis));
return gotoCommentDate(randomDate, true, rootPath);
});
$('.gotodate').click(function () {
var theDate = $(picker).datepicker("getDate");
return gotoCommentDate(theDate, false, rootPath);
});
$('.gotomonth').click(function () {
var month = $("#" + picker + " .ui-datepicker-month :selected").val();
var year = $("#" + picker + " .ui-datepicker-year :selected").val();
var theDate = new Date(year, month, 1);
return gotoCommentDateFormatted(theDate, false, 'yy/mm', rootPath);
});
}
function gotoCommentDate(theDate, isRandom, rootPath) {
return gotoCommentDateFormatted(theDate, isRandom, 'yy/mm/dd', rootPath);
}
function gotoCommentDateFormatted(theDate, isRandom, format, rootPath) {
var url = getApplicationKeyUrl(rootPath) + $.datepicker.formatDate(format, theDate) + '/history.aspx' + (isRandom ? '#random' : '');
document.location = url;
return false;
}
function initializeComments(comments, actionUrl, adminUrl, listUrl, submit, body, topicId, featured, listPageSize, commentTemplate) {
if (actionUrl.length > 0) {
comments.find('.Comment')
.live('mouseenter', function () {
var crntDiv = $(this);
if (crntDiv.attr('id') != "") {
$('').html('flag').addClass('CommentWarnMenu').appendTo($(this)).click(function () {
WarnComment(crntDiv.attr('cid'), actionUrl);
$('.CommentWarnMenu').css('display', 'none');
return false;
});
}
})
.live('mouseleave', function () {
$(this).find('.CommentWarnMenu').remove();
});
}
if (adminUrl.length > 0) {
comments.find('.Comment')
.live('mouseenter', function () {
var crntDiv = $(this);
if (crntDiv.attr('id') != "") {
var isFeatured = crntDiv.hasClass('Featured');
var featureVerbiage = isFeatured ? 'un-feature' : 'feature';
$('').html(featureVerbiage).addClass('CommentFeatureMenu').appendTo($(this)).click(function () {
FeatureComment(comments,crntDiv.attr('cid'), adminUrl,isFeatured);
return false;
});
$('').html('delete').addClass('CommentDeleteMenu').appendTo($(this)).click(function () {
DeleteComment(comments,crntDiv.attr('cid'), adminUrl);
return false;
});
}
})
.live('mouseleave', function () {
$(this).find('.CommentDeleteMenu').remove();
$(this).find('.CommentFeatureMenu').remove();
});
}
if (listUrl.length > 0) {
scrollLoadInit(comments, listUrl, topicId, listPageSize, featured, commentTemplate);
}
if (submit) {
submit.click(function () {
if (body.val().length > 0) {
AddComment(actionUrl, body.val(), topicId, function () { reloadComments(comments, listUrl, topicId, listPageSize, featured, commentTemplate); });
body.val('');
return false;
}
});
}
}
function scrollLoadInit(comments,listUrl,topicId, listPageSize,featured,commentTemplate){
var crntPageInput = comments.find('.crntpage');
var totalPageInput = comments.find('.totalpages');
if (crntPageInput.length == 0) {
crntPageInput = $('').attr('type', 'hidden').addClass('crntpage').val('1').appendTo(comments);
}
if (totalPageInput.length == 0) {
totalPageInput = $('').attr('type', 'hidden').addClass('totalpages').val('-1').appendTo(comments);
}
comments.scrollLoad({
url: listUrl, //your ajax file to be loaded when scroll breaks ScrollAfterHeight
getData: function () {
//you can post some data along with ajax request
var crntPage = parseInt(crntPageInput.val());
crntPage++;
crntPageInput.val(crntPage);
return { topicid: topicId, PageSize: listPageSize, PageIndex: crntPage, featured: featured };
},
start: function () {
$('
').appendTo(this);
// you can add your effect before loading data
},
ScrollAfterHeight: 95, //this is the height in percentage after which ajax stars
onload: function (data) {
$(this).append(data);
$('.loading').remove();
totalPageInput.val(data.totalpages);
var tempDiv = $("").setTemplate(commentTemplate);
tempDiv.processTemplate(data);
comments.append(tempDiv.html());
}, // this event fires on ajax success
continueWhile: function (resp) {
var totalPages = parseInt(totalPageInput.val());
var crntPage = parseInt(crntPageInput.val());
if ((totalPages != -1 && crntPage >= totalPages) || crntPage * listPageSize > 100) { // stops when number of 'li' reaches 100
return false;
}
return true;
}
});
}
function reloadComments(comments, url, topicId, listPageSize, featured, template) {
comments.html('');
$('
').appendTo(comments);
$.post(url, { topicid: topicId, PageSize: listPageSize, PageIndex: 1, featured: featured }, function (data) {
if (!data) {
alert('There was an error reloading comments');
} else if (data && !data.success) {
alert(data.result);
} else {
$('.loading').remove();
comments.scrollTop(0);
var tempDiv = $("").setTemplate(template);
tempDiv.processTemplate(data);
comments.append(tempDiv.html());
$('').attr('type', 'hidden').addClass('crntpage').val('1').appendTo(comments);
$('').attr('type', 'hidden').addClass('totalpages').val(data.totalpages).appendTo(comments);
scrollLoadInit(comments, url, topicId, listPageSize, featured, template);
}
}, 'json');
}
function AddComment(url, commentBody, topic, callback) {
$.post(url, { action: 'add', url: document.location.href, comment: commentBody, topicId: topic }, function (data) {
if (!data) {
alert('There was an error during the add process');
} else if (data && !data.success) {
alert(data.result);
} else {
$('').html(data.result).attr('id', 'newcomment').addClass('message').addClass('success').css('display', 'none').appendTo('body').center().fadeInFadeOut(2000, function () {
$('#newcomment').remove();
});
callback.call();
}
}, 'json');
}
function WarnComment(id, url) {
url += id;
$.post(url, { action: 'report' }, function (data) {
if (!data) {
alert('There was an error during the warn process');
} else if (data && !data.success) {
alert(data.result);
} else {
$('').html(data.result).attr('id', 'message' + id).addClass('message').addClass('success').css('display', 'none').appendTo('body').center().fadeInFadeOut(2000, function () {
$('#message' + id).remove();
});
}
}, 'json');
}
function DeleteComment(comments, id, url) {
if (confirm('Are You Sure You Want to Delete this Comment?')) {
url += id;
$.post(url, { action: 'delete' }, function (data) {
if (data && !data.success) {
alert(data.result);
} else {
comments.find('.comment' + id).remove();
}
}, 'json');
}
}
function FeatureComment(comments, id, url, isFeatured) {
var message = 'Are You Sure You Want to Feature this Comment?';
if (isFeatured)
message = 'Are You Sure You Want to Un-Feature this Comment?';
if (confirm(message)) {
url += id;
$.post(url, { action: 'feature' }, function (data) {
if (data && !data.success) {
alert(data.result);
} else {
if(data.featured)
comments.find('.comment' + id).addClass('Featured');
else
comments.find('.comment' + id).removeClass('Featured');
$('').html(data.result).attr('id', 'message' + id).addClass('message').addClass('success').css('display', 'none').appendTo('body').center().fadeInFadeOut(2000, function () {
$('#message' + id).remove();
});
}
}, 'json');
}
}
function AddCurrentFavorite() {
var url = document.URL;
var title = document.title + ' - Mortgage News Daily';
if (document.all)
window.external.AddFavorite(url, title);
else if (window.sidebar)
window.sidebar.addPanel(title, url, "");
}
function setHome() {
if (document.all) {
document.body.style.behavior = 'url(#default#homepage)';
document.body.setHomePage(window.location.href);
} else {
this.style.behavior = 'url(#default#homepage)';
this.setHomePage(window.location.href);
}
}
function SetupWarnBlog(warnUrl, warnInfo) {
warnInfo.dialog({
autoOpen: false
, modal: true
, resizable: false
, title: 'Report This Comment'
, draggable: false
, width: 400
}).show();
$('.CommonCommentArea').hover(function () {
var crntDiv = $(this).prev('a');
if (crntDiv.attr('name') != "") {
$('').html('Report This Comment').addClass('CommentWarnMenu').css({ 'position': 'absolute' }).appendTo($(this).find('.CommonCommentBubble')).click(function (evt) {
var url = warnUrl + '?PostID=' + crntDiv.attr('name') + '&action=report';
WarnBlogComment(url, warnInfo);
evt.preventDefault();
});
}
}, function () {
$(this).find('.CommentWarnMenu').remove();
});
}
function WarnBlogComment(url, warnInfo) {
warnInfo.dialog('option', 'buttons', {
"Ok": function () {
$.validity.start();
$("#ReportReason",warnInfo).require();
var result = $.validity.end();
if (result.valid) {
$.post(url, { reason: $('#ReportReason', warnInfo).val() }, function (data) {
if (!data) {
alert('There was an error during the warn process');
} else if (data && !data.success) {
alert(data.result);
} else {
warnInfo.find('input,textarea').val('');
warnInfo.dialog('close');
$('').html(data.result).addClass('message').addClass('success').css('display', 'none').appendTo('body').center().fadeInFadeOut(2000, function () {
$(this).remove();
});
}
}, 'json');
}
}
, "Cancel": function () {
$(this).dialog("close");
}
}).dialog('open');
}
function flash(type, msg) {
var flash = $('#flash');
flash.html(msg).removeClass().addClass(type);
flash.slideDown('slow');
if (type == 'info') {
// flash informational messages and fade after 1200ms
flash.delay('1200').fadeOut('slow');
}
flash.click(function () {
flash.toggle('highlight')
});
}
jQuery.fn.extend({
highlight: function (search, insensitive, hls_class) {
var content = this.html();
if (content == null)
return;
var regex = new RegExp("(<[^>]*>)|(\\b" + search.replace(/([-.*+?^${}()|[\]\/\\])/g, "\\$1") + ")", insensitive ? "ig" : "g");
return this.html(content.replace(regex, function (a, b, c) {
return (a.charAt(0) == "<") ? a : "" + c + "";
}));
}
});
/**
* Pulse plugin for jQuery
* ---
* @author James Padolsey (http://james.padolsey.com)
* @version 0.1
* @updated 16-DEC-09
* ---
* Note: In order to animate color properties, you need
* the color plugin from here: http://plugins.jquery.com/project/color
* ---
* @info http://james.padolsey.com/javascript/simple-pulse-plugin-for-jquery/
*/
jQuery.fn.pulse = function (prop, speed, times, easing, callback) {
if (isNaN(times)) {
callback = easing;
easing = times;
times = 1;
}
var optall = jQuery.speed(speed, easing, callback),
queue = optall.queue !== false,
largest = 0;
for (var p in prop) {
largest = Math.max(prop[p].length, largest);
}
optall.times = optall.times || times;
return this[queue ? 'queue' : 'each'](function () {
var counts = {},
opt = jQuery.extend({}, optall),
self = jQuery(this);
pulse();
function pulse() {
var propsSingle = {},
doAnimate = false;
for (var p in prop) {
// Make sure counter is setup for current prop
counts[p] = counts[p] || { runs: 0, cur: -1 };
// Set "cur" to reflect new position in pulse array
if (counts[p].cur < prop[p].length - 1) {
++counts[p].cur;
} else {
// Reset to beginning of pulse array
counts[p].cur = 0;
++counts[p].runs;
}
if (prop[p].length === largest) {
doAnimate = opt.times > counts[p].runs;
}
propsSingle[p] = prop[p][counts[p].cur];
}
opt.complete = pulse;
opt.queue = false;
if (doAnimate) {
self.animate(propsSingle, opt);
} else {
optall.complete.call(self[0]);
}
}
});
};
(function ($) {
$.fn.pulsebg = function(options) {
return this.each(function () {
new $.PulseBg(this, options);
})
};
$.PulseBg = function(e, o) {
var element = $(e);
var opts = $.extend({}, $.fn.pulsebg.defaults, o);
if(!element.data('bgcolor')) {
element.data('bgcolor',element.css('background-color'));
}
var bgColor = element.data('bgcolor');
element.data('pulsing', true);
element.css({ backgroundColor: opts.color });
setTimeout(function() {
element.data('pulsing', false);
element.css({ backgroundColor: bgColor });
}, opts.duration);
};
$.fn.pulsebg.defaults = {
duration: 500,
color: "#FFFFFF"
};
})(jQuery);
(function ($) {
$.fn.summary = function (options) {
return this.each(function () {
new $.Summary(this, options);
});
};
$.Summary = function (e, o) {
var element = $(e);
var options = o || {};
var maxHeight = options.maxHeight || 100;
var className = options.className || 'expand';
var textHeight = e.offsetHeight;
var ignoreExpand = options.ignoreExpand || false;
if (textHeight > maxHeight) {
element.css({ overflow: 'hidden' });
element.height(maxHeight);
var moreLink = $("View More").addClass(className);
if(!ignoreExpand)
moreLink.click(expand);
element.append('...');
element.after(moreLink);
}
function expand() {
element.animate({ height: textHeight }, 'fast');
moreLink.hide();
};
};
})(jQuery);
/*
* jQuery Expander plugin
* Version 0.4 (12/09/2008)
* @requires jQuery v1.1.1+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
(function($) {
$.fn.expander = function(options) {
var opts = $.extend({}, $.fn.expander.defaults, options);
var delayedCollapse;
return this.each(function() {
var $this = $(this);
var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
var cleanedTag, startTags, endTags;
var allText = $this.html();
var startText = allText.slice(0, o.slicePoint).replace(/\w+$/,'');
startTags = startText.match(/<\w[^>]*>/g);
if (startTags) {startText = allText.slice(0,o.slicePoint + startTags.join('').length).replace(/\w+$/,'');}
if (startText.lastIndexOf('<') > startText.lastIndexOf('>') ) {
startText = startText.slice(0,startText.lastIndexOf('<'));
}
var endText = allText.slice(startText.length);
// create necessary expand/collapse elements if they don't already exist
if (!$('span.details', this).length) {
// end script if text length isn't long enough.
if ( endText.replace(/\s+$/,'').split(' ').length < o.widow ) { return; }
// otherwise, continue...
if (endText.indexOf(' -1) {
endTags = endText.match(/<(\/)?[^>]*>/g);
for (var i=0; i < endTags.length; i++) {
if (endTags[i].indexOf(' -1) {
var startTag, startTagExists = false;
for (var j=0; j < i; j++) {
startTag = endTags[j].slice(0, endTags[j].indexOf(' ')).replace(/(\w)$/,'$1>');
if (startTag == rSlash(endTags[i])) {
startTagExists = true;
}
}
if (!startTagExists) {
startText = startText + endTags[i];
var matched = false;
for (var s=startTags.length - 1; s >= 0; s--) {
if (startTags[s].slice(0, startTags[s].indexOf(' ')).replace(/(\w)$/,'$1>') == rSlash(endTags[i])
&& matched == false) {
cleanedTag = cleanedTag ? startTags[s] + cleanedTag : startTags[s];
matched = true;
}
};
}
}
}
endText = cleanedTag && cleanedTag + endText || endText;
}
$this.html([
startText,
'',
o.expandPrefix,
'',
o.expandText,
'',
'',
'',
endText,
''
].join('')
);
}
var $thisDetails = $('span.details', this),
$readMore = $('span.read-more', this);
$thisDetails.hide();
$readMore.find('a').click(function() {
if(o.expandEffect === 'none'){
//return false;
}else{
$readMore.hide();
if (o.expandEffect === 'show' && !o.expandSpeed) {
o.beforeExpand($this);
$thisDetails.show();
o.afterExpand($this);
delayCollapse(o, $thisDetails);
} else {
o.beforeExpand($this);
$thisDetails[o.expandEffect](o.expandSpeed, function() {
$thisDetails.css({zoom: ''});
o.afterExpand($this);
delayCollapse(o, $thisDetails);
});
}
return false;
}
});
if (o.userCollapse) {
$this
.find('span.details').append('' + o.userCollapsePrefix + '' + o.userCollapseText + '');
$this.find('span.re-collapse a').click(function() {
clearTimeout(delayedCollapse);
var $detailsCollapsed = $(this).parents('span.details');
reCollapse($detailsCollapsed);
o.onCollapse($this, true);
return false;
});
}
});
function reCollapse(el) {
el.hide()
.prev('span.read-more').show();
}
function delayCollapse(option, $collapseEl) {
if (option.collapseTimer) {
delayedCollapse = setTimeout(function() {
reCollapse($collapseEl);
option.onCollapse($collapseEl.parent(), false);
},
option.collapseTimer
);
}
}
function rSlash(rString) {
return rString.replace(/\//,'');
}
};
// plugin defaults
$.fn.expander.defaults = {
slicePoint: 100, // the number of characters at which the contents will be sliced into two parts.
// Note: any tag names in the HTML that appear inside the sliced element before
// the slicePoint will be counted along with the text characters.
widow: 4, // a threshold of sorts for whether to initially hide/collapse part of the element's contents.
// If after slicing the contents in two there are fewer words in the second part than
// the value set by widow, we won't bother hiding/collapsing anything.
expandText: 'read more', // text displayed in a link instead of the hidden part of the element.
// clicking this will expand/show the hidden/collapsed text
expandPrefix: '… ',
collapseTimer: 0, // number of milliseconds after text has been expanded at which to collapse the text again
expandEffect: 'fadeIn',
expandSpeed: '', // speed in milliseconds of the animation effect for expanding the text
userCollapse: true, // allow the user to re-collapse the expanded text.
userCollapseText: '[collapse expanded text]', // text to use for the link to re-collapse the text
userCollapsePrefix: ' ',
beforeExpand: function($thisEl) {},
afterExpand: function($thisEl) {},
onCollapse: function($thisEl, byUser) {}
};
})(jQuery);
(function ($) {
$.fn.trunc = function (options) {
var opts = $.extend({}, $.fn.trunc.defaults, options);
return this.each(function () {
var $this = $(this);
var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
var cleanedTag, startTags, endTags;
var allText = $this.html();
var startText = allText.slice(0, o.maxLength).replace(/\w+$/, '');
startTags = startText.match(/<\w[^>]*>/g);
if (startTags) { startText = allText.slice(0, o.maxLength + startTags.join('').length).replace(/\w+$/, ''); }
if (startText.lastIndexOf('<') > startText.lastIndexOf('>')) {
startText = startText.slice(0, startText.lastIndexOf('<'));
}
var endText = allText.slice(startText.length);
var appendText = '... Read More';
if (endText.replace(/\s+$/, '').split(' ').length < o.widow) {
//return;
appendText = '';
}
// otherwise, continue...
if (endText.indexOf(' -1) {
endTags = endText.match(/<(\/)?[^>]*>/g);
for (var i = 0; i < endTags.length; i++) {
if (endTags[i].indexOf(' -1) {
var startTag, startTagExists = false;
for (var j = 0; j < i; j++) {
startTag = endTags[j].slice(0, endTags[j].indexOf(' ')).replace(/(\w)$/, '$1>');
if (startTag == rSlash(endTags[i])) {
startTagExists = true;
}
}
if (!startTagExists) {
startText = startText + endTags[i];
var matched = false;
for (var s = startTags.length - 1; s >= 0; s--) {
if (startTags[s].slice(0, startTags[s].indexOf(' ')).replace(/(\w)$/, '$1>') == rSlash(endTags[i])
&& matched == false) {
cleanedTag = cleanedTag ? startTags[s] + cleanedTag : startTags[s];
matched = true;
}
};
}
}
}
endText = cleanedTag && cleanedTag + endText || endText;
}
//$(startText).removeClass().before($this);
$this.before($(startText).append(appendText).removeClass().addClass(o.summaryClass));
//$this.append($(startText).removeClass().addClass('summary').append('...'));
//$this.append($(allText));
$this.html(allText);
return $this;
});
function rSlash(rString) {
return rString.replace(/\//, '');
}
};
// plugin defaults
$.fn.trunc.defaults = {
maxLength: 100, // the number of characters at which the contents will be sliced into two parts.
// Note: any tag names in the HTML that appear inside the sliced element before
// the slicePoint will be counted along with the text characters.
widow: 4, // a threshold of sorts for whether to initially hide/collapse part of the element's contents.
// If after slicing the contents in two there are fewer words in the second part than
// the value set by widow, we won't bother hiding/collapsing anything.
summaryClass: 'summary'
};
})(jQuery);
/*!
* iButton jQuery Plug-in
*
* Copyright 2009 Giva, Inc. (http://www.givainc.com/labs/)
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
* Date: 2009-08-25
* Rev: 1.0.01
*/
; (function ($) {
// set default options
$.iButton = {
version: "1.0.01",
setDefaults: function (options) {
$.extend(defaults, options);
}
};
$.fn.iButton = function (options) {
var method = typeof arguments[0] == "string" && arguments[0];
var args = method && Array.prototype.slice.call(arguments, 1) || arguments;
// get a reference to the first iButton found
var self = (this.length == 0) ? null : $.data(this[0], "iButton");
// if a method is supplied, execute it for non-empty results
if (self && method && this.length) {
// if request a copy of the object, return it
if (method.toLowerCase() == "object") return self;
// if method is defined, run it and return either it's results or the chain
else if (self[method]) {
// define a result variable to return to the jQuery chain
var result;
this.each(function (i) {
// apply the method to the current element
var r = $.data(this, "iButton")[method].apply(self, args);
// if first iteration we need to check if we're done processing or need to add it to the jquery chain
if (i == 0 && r) {
// if this is a jQuery item, we need to store them in a collection
if (!!r.jquery) {
result = $([]).add(r);
// otherwise, just store the result and stop executing
} else {
result = r;
// since we're a non-jQuery item, just cancel processing further items
return false;
}
// keep adding jQuery objects to the results
} else if (!!r && !!r.jquery) {
result = result.add(r);
}
});
// return either the results (which could be a jQuery object) or the original chain
return result || this;
// everything else, return the chain
} else return this;
// initializing request
} else {
// create a new iButton for each object found
return this.each(function () {
new iButton(this, options);
});
};
};
// count instances
var counter = 0;
// detect iPhone
$.browser.iphone = (navigator.userAgent.toLowerCase().indexOf("iphone") > -1);
var iButton = function (input, options) {
var self = this
, $input = $(input)
, id = ++counter
, disabled = false
, width = {}
, mouse = { dragging: false, clicked: null }
, dragStart = { position: null, offset: null, time: null }
// make a copy of the options and use the metadata if provided
, options = $.extend({}, defaults, options, (!!$.metadata ? $input.metadata() : {}))
// check to see if we're using the default labels
, bDefaultLabelsUsed = (options.labelOn == ON && options.labelOff == OFF)
// set valid field types
, allow = ":checkbox, :radio";
// only do for checkboxes buttons, if matches inside that node
if (!$input.is(allow)) return $input.find(allow).iButton(options);
// store a reference to this marquee
$.data($input[0], "iButton", self);
// if using the "auto" setting, then don't resize handle or container if using the default label (since we'll trust the CSS)
if (options.resizeHandle == "auto") options.resizeHandle = !bDefaultLabelsUsed;
if (options.resizeContainer == "auto") options.resizeContainer = !bDefaultLabelsUsed;
// toggles the state of a button (or can turn on/off)
this.toggle = function (t) {
var toggle = (arguments.length > 0) ? t : !$input.is(":checked");
$input.attr("checked", toggle ? "checked" : "").trigger("change");
};
// disable/enable the control
this.disable = function (t) {
var toggle = (arguments.length > 0) ? t : !disabled;
// mark the control disabled
disabled = toggle;
// mark the input disabled
$input.attr("disabled", toggle);
// set the diabled styles
$container[toggle ? "addClass" : "removeClass"](options.classDisabled);
// run callback
if ($.isFunction(options.disable)) options.disable.apply(self, [disabled, $input, options]);
};
// repaint the button
this.repaint = function () {
positionHandle();
};
// this will destroy the iButton style
this.destroy = function () {
// remove behaviors
$([$input[0], $container[0]]).unbind(".iButton");
$(document).unbind(".iButton_" + id);
// move the checkbox to it's original location
$container.after($input).remove();
// kill the reference
$.data($input[0], "iButton", null);
// run callback
if ($.isFunction(options.destroy)) options.destroy.apply(self, [$input, options]);
};
$input
// create the wrapper code
.wrap('')
.after(
'
'
+ '
'
+ '
'
+ ''
);
var $container = $input.parent()
, $handle = $input.siblings("." + options.classHandle)
, $offlabel = $input.siblings("." + options.classLabelOff)
, $offspan = $offlabel.children("span")
, $onlabel = $input.siblings("." + options.classLabelOn)
, $onspan = $onlabel.children("span");
// if we need to do some resizing, get the widths only once
if (options.resizeHandle || options.resizeContainer) {
width.onspan = $onspan.outerWidth();
width.offspan = $offspan.outerWidth();
}
// automatically resize the handle
if (options.resizeHandle) {
width.handle = Math.min(width.onspan, width.offspan);
$handle.css("width", width.handle);
} else {
width.handle = $handle.width();
}
// automatically resize the control
if (options.resizeContainer) {
width.container = (Math.max(width.onspan, width.offspan) + width.handle + 20);
$container.css("width", width.container);
// adjust the off label to match the new container size
$offlabel.css("width", width.container - 5);
} else {
width.container = $container.width();
}
var handleRight = width.container - width.handle - 6;
var positionHandle = function (animate) {
var checked = $input.attr("checked")
, x = (checked) ? handleRight : 0
, animate = (arguments.length > 0) ? arguments[0] : true;
if (animate && options.enableFx) {
$handle.stop().animate({ left: x }, options.duration, options.easing);
$onlabel.stop().animate({ width: x + 4 }, options.duration, options.easing);
$onspan.stop().animate({ marginLeft: x - handleRight }, options.duration, options.easing);
$offspan.stop().animate({ marginRight: -x }, options.duration, options.easing);
} else {
$handle.css("left", x);
$onlabel.css("width", x + 4);
$onspan.css("marginLeft", x - handleRight);
$offspan.css("marginRight", -x);
}
};
// place the buttons in their default location
positionHandle(false);
var getDragPos = function (e) {
return e.pageX || ((e.originalEvent.changedTouches) ? e.originalEvent.changedTouches[0].pageX : 0);
};
// monitor mouse clicks in the container
$container.bind("mousedown.iButton touchstart.iButton", function (e) {
// abort if disabled or allow clicking the input to toggle the status (if input is visible)
if ($(e.target).is(allow) || disabled || (!options.allowRadioUncheck && $input.is(":radio:checked"))) return;
e.preventDefault();
mouse.clicked = $handle;
dragStart.position = getDragPos(e);
dragStart.offset = dragStart.position - (parseInt($handle.css("left"), 10) || 0);
dragStart.time = (new Date()).getTime();
return false;
});
// make sure dragging support is enabled
if (options.enableDrag) {
// monitor mouse movement on the page
$(document).bind("mousemove.iButton_" + id + " touchmove.iButton_" + id, function (e) {
// if we haven't clicked on the container, cancel event
if (mouse.clicked != $handle) { return }
e.preventDefault();
var x = getDragPos(e);
if (x != dragStart.offset) {
mouse.dragging = true;
$container.addClass(options.classHandleActive);
}
// make sure number is between 0 and 1
var pct = Math.min(1, Math.max(0, (x - dragStart.offset) / handleRight));
$handle.css("left", pct * handleRight);
$onlabel.css("width", pct * handleRight + 4);
$offspan.css("marginRight", -pct * handleRight);
$onspan.css("marginLeft", -(1 - pct) * handleRight);
return false;
});
}
// monitor when the mouse button is released
$(document).bind("mouseup.iButton_" + id + " touchend.iButton_" + id, function (e) {
if (mouse.clicked != $handle) { return false }
e.preventDefault();
// track if the value has changed
var changed = true;
// if not dragging or click time under a certain millisecond, then just toggle
if (!mouse.dragging || (((new Date()).getTime() - dragStart.time) < options.clickOffset)) {
var checked = $input.attr("checked");
$input.attr("checked", !checked);
// run callback
if ($.isFunction(options.click)) options.click.apply(self, [!checked, $input, options]);
} else {
var x = getDragPos(e);
var pct = (x - dragStart.offset) / handleRight;
var checked = (pct >= 0.5);
// if the value is the same, don't run change event
if ($input.is(":checked") == checked) changed = false;
$input.attr("checked", checked);
}
// remove the active handler class
$container.removeClass(options.classHandleActive);
mouse.clicked = null;
mouse.dragging = null;
// run any change event for the element
if (changed) $input.trigger("change");
// if the value didn't change, just reset the handle
else positionHandle();
return false;
});
// animate when we get a change event
$input
.bind("change.iButton", function () {
// move handle
positionHandle();
// if a radio element, then we must repaint the other elements in it's group to show them as not selected
if ($input.is(":radio")) {
var el = $input[0];
// try to use the DOM to get the grouped elements, but if not in a form get by name attr
var $radio = $(el.form ? el.form[el.name] : ":radio[name=" + el.name + "]");
// repaint the radio elements that are not checked
$radio.filter(":not(:checked)").iButton("repaint");
}
// run callback
if ($.isFunction(options.change)) options.change.apply(self, [$input, options]);
})
// if the element has focus, we need to highlight the container
.bind("focus.iButton", function () {
$container.addClass(options.classFocus);
})
// if the element has focus, we need to highlight the container
.bind("blur.iButton", function () {
$container.removeClass(options.classFocus);
});
// if a click event is registered, we must register on the checkbox so it's fired if triggered on the checkbox itself
if ($.isFunction(options.click)) {
$input.bind("click.iButton", function () {
options.click.apply(self, [$input.attr("checked"), $input, options]);
});
}
// if the field is disabled, mark it as such
if ($input.is(":disabled")) this.disable(true);
// special behaviors for IE
if ($.browser.msie) {
// disable text selection in IE, other browsers are controlled via CSS
$container.find("*").andSelf().attr("unselectable", "on");
// IE needs to register to the "click" event to make changes immediately (the change event only occurs on blur)
$input.bind("click.iButton", function () { $input.triggerHandler("change.iButton"); });
}
// run the init callback
if ($.isFunction(options.init)) options.init.apply(self, [$input, options]);
};
var defaults = {
duration: 200 // the speed of the animation
, easing: "swing" // the easing animation to use
, labelOn: "ON" // the text to show when toggled on
, labelOff: "OFF" // the text to show when toggled off
, resizeHandle: "auto" // determines if handle should be resized
, resizeContainer: "auto" // determines if container should be resized
, enableDrag: true // determines if we allow dragging
, enableFx: true // determines if we show animation
, allowRadioUncheck: false // determine if a radio button should be able to be unchecked
, clickOffset: 120 // if millseconds between a mousedown & mouseup event this value, then considered a mouse click
// define the class statements
, classContainer: "ibutton-container"
, classDisabled: "ibutton-disabled"
, classFocus: "ibutton-focus"
, classLabelOn: "ibutton-label-on"
, classLabelOff: "ibutton-label-off"
, classHandle: "ibutton-handle"
, classHandleMiddle: "ibutton-handle-middle"
, classHandleRight: "ibutton-handle-right"
, classHandleActive: "ibutton-active-handle"
, classPaddingLeft: "ibutton-padding-left"
, classPaddingRight: "ibutton-padding-right"
// event handlers
, init: null // callback that occurs when a iButton is initialized
, change: null // callback that occurs when the button state is changed
, click: null // callback that occurs when the button is clicked
, disable: null // callback that occurs when the button is disabled/enabled
, destroy: null // callback that occurs when the button is destroyed
}, ON = defaults.labelOn, OFF = defaults.labelOff;
})(jQuery);
(function ($, window, undefined) {
var isMobile = (/iphone|ipad|android/gi).test(navigator.appVersion);
$.fn.scrollpane = function (opts) {
opts = $.extend({
idleOpacity: '0'
}, opts || {});
if (isMobile) {
return this.each(function () {
var pane = $(this);
var iscroll = pane.data('iscroll');
if (iscroll) {
iscroll.destroy();
} else {
pane.wrapInner('');
}
pane.css({
height: '100%'
});
pane.data('iscroll', new iScroll(this));
});
} else {
return this.each(function () {
var pane = $(this),
data = pane.data('scrollpane');
if ($.browser.msie && $.browser.version.charAt(0) === '7') {
setTimeout(function () {
pane.height(pane.parent().height());
}, 1);
pane.css({
'margin-right': '0px',
'overflow-y': 'auto',
'position': 'relative'
});
return;
}
if (!data) {
data = init();
}
var scrollbar = data.scrollbar,
content = data.content,
track = data.track,
drag = data.drag,
contentHeight = content.outerHeight(),
height = pane.height(),
offset = pane.offset(),
ratio = height / contentHeight;
if (ratio < 1) {
scrollbar.show();
scrollbar.height(height);
drag.height(Math.floor(height * ratio) - 6);
} else {
scrollbar.hide();
}
pane.unbind('updateDragTop').bind('updateDragTop', function () {
var scrollTop = pane.scrollTop(),
top = Math.min(Math.round(scrollTop * ratio), height - drag.height());
drag.css('top', top + 'px');
});
pane.unbind('resizeCheck').bind('resizeCheck', function () {
var newOffset = pane.offset();
var dataOffset = offset;
if (newOffset && dataOffset) {
if ((pane.height() != height) || (content.height() != contentHeight) || (newOffset.top != dataOffset.top) || (newOffset.left != dataOffset.left)) {
try {
pane.scrollpane();
} catch (e) { }
}
}
});
function init() {
var barWidth = calcScrollbarWidth(),
scrollbarHTML = '
