/* -------------------------------------------------- *
* ToggleVal 3.0
* Updated: 01/15/2010
* -------------------------------------------------- *
* Author: Aaron Kuzemchak
* URL: http://aaronkuzemchak.com/
* Copyright: 2008-2010 Aaron Kuzemchak
* License: MIT License
** -------------------------------------------------- */

(function($) {
// main plugin function
$.fn.toggleVal = function(theOptions) {
// check whether we want real options, or to destroy functionality
if(!theOptions || typeof theOptions == 'object') {
theOptions = $.extend({}, $.fn.toggleVal.defaults, theOptions);
}
else if(typeof theOptions == 'string' && theOptions.toLowerCase() == 'destroy') {
var destroy = true;
}

return this.each(function() {
// unbind everything if we're destroying, and stop executing the script
if(destroy) {
$(this).unbind('focus.toggleval').unbind('blur.toggleval').removeData('defText');
return false;
}

// define our variables
var defText = '';

// let's populate the field, if not default
switch(theOptions.populateFrom) {
case 'title':
if($(this).attr('title')) {
defText = $(this).attr('title');
$(this).val(defText);
}
break;
case 'label':
if($(this).attr('id')) {
defText = $('label[for="' + $(this).attr('id') + '"]').text();
$(this).val(defText);
}
break;
case 'custom':
defText = theOptions.text;
$(this).val(defText);
break;
default:
defText = $(this).val();
}

// let's give this field a special class, so we can identify it later
// also, we'll give it a data attribute, which will help jQuery remember what the default value is
$(this).addClass('toggleval').data('defText', defText);

// now that fields are populated, let's remove the labels if applicable
if(theOptions.removeLabels == true && $(this).attr('id')) {
$('label[for="' + $(this).attr('id') + '"]').remove();
}

// on to the good stuff... the focus and blur actions
$(this).bind('focus.toggleval', function() {
if($(this).val() == $(this).data('defText')) { $(this).val(''); }

// add the focusClass, remove changedClass
$(this).addClass(theOptions.focusClass);
}).bind('blur.toggleval', function() {
if($(this).val() == '' && !theOptions.sticky) { $(this).val($(this).data('defText')); }

// remove focusClass, add changedClass if, well, different
$(this).removeClass(theOptions.focusClass);
if($(this).val() != '' && $(this).val() != $(this).data('defText')) { $(this).addClass(theOptions.changedClass); }
else { $(this).removeClass(theOptions.changedClass); }
});
});
};

// default options
$.fn.toggleVal.defaults = {
focusClass: 'tv-focused', // class during focus
changedClass: 'tv-changed', // class after focus
populateFrom: 'default', // choose from: default, label, custom, or title
text: null, // text to use in conjunction with populateFrom: custom
removeLabels: false, // remove labels associated with the fields
sticky: false // if true, default text won't reappear
};

// create custom selectors
// :toggleval for affected elements
// :changed for changed elements
$.extend($.expr[':'], {
toggleval: function(elem) {
return $(elem).data('defText') || false;
},
changed: function(elem) {
if($(elem).data('defText') && $(elem).val() != $(elem).data('defText')) {
return true;
}
return false;
}
});
})(jQuery);