/*
Example :	<input type="text" id="" class="TTampm {label:label, time:am}" />;
*/

(function($) {

	jQuery.TTampm = function() {

		var input = $(':text.TTampm');

		jQuery.each(input, function() {

			var error = false;

			var settings = {
				time : 'am',
				label : ''
			}

			var container = jQuery(this);

			var opts = container.attr('class');

			if((opts.indexOf('label') == -1) && (opts.indexOf('time') == -1)) { return; }
			else {
				opts = opts.replace('TTampm', '');
				opts = opts.replace('{', '');
				opts = opts.replace('}', '');
				opts = opts.split(',');
				opts[0] = jQuery.trim(opts[0]);
				opts[1] = jQuery.trim(opts[1]);


				if(opts[0].indexOf('label') != -1) {
					var label = opts[0].split(':');
					settings.label = jQuery.trim(label[1]) + ': ';

					var time = opts[1].split(':');
					settings.time = jQuery.trim(time[1]);
				}
				else if(opts[1].indexOf('label') != -1) {
					var label = opts[1].split(':');
					settings.label = jQuery.trim(label[1]) + ': ';

					var time = opts[0].split(':');
					settings.time = jQuery.trim(time[1]);
				}
			}

			var div = '<div class="TTampm"><div class="label fl">'+settings.label+'</div><input type="hidden" name="'+container.attr('name')+'" id="'+container.attr('id')+'" value="'+container.attr('value')+'" readonly/>';
			div += '<input type="text" class="';
			if(settings.time == 'pm') {
				div += settings.time;
			}
			div += ' fl" />';
      div += '<div class="controls fl"><ul><li class="ttUp"></li><li class="ttDown"></li></ul></div><div class="clear"></div></div>';

			container.before(div);

			var upBtn   = container.prev().children('.controls').children('ul').children('.ttUp');
			var downBtn = container.prev().children('.controls').children('ul').children('.ttDown');

			upBtn.click(function() {
				var box = $(this).parent().parent().prev();
				if($(box).hasClass('pm')) {
					$(box).removeClass('pm');
					$(box).prev().val('am');
				}
				else {
					$(box).addClass('pm');
					$(box).prev().val('pm');
				}
				return true;
			});

			downBtn.click(function() {
				var box = $(this).parent().parent().prev();
				if($(box).hasClass('pm')) {
					$(box).removeClass('pm');
					$(box).prev().val('am');
				}
				else {
					$(box).addClass('pm');
					$(box).prev().val('pm');
				}
				return true;
			});

			container.remove();

			return(this);
		});

	};
	
})(jQuery);