// watermark.js
$.fn.watermark = function(options) {
	this.each(function() {
		var element = $(this);
	    
	    $.extend({
	        value: '',
	        cssClass: ''
	    }, options);

	    if (element.val() === '') {
	    	element.val(options.value);
	    	element.addClass(options.cssClass);
	    }
	    
	    element.focus(function() {
	        if (element.val() === options.value) {
	        	element.val('');
	        	element.removeClass(options.cssClass);
	        }
	    });
	    
	    element.blur(function() {
	        if (element.val() === '' || element.val() === options.value) {
	        	element.val(options.value);
	        	element.addClass(options.cssClass);
	        }
	    });
	})
}

$(document).ready(function () {
	$(".watermarked").focus(function(){
		$(".watermarked").removeClass('activeMark');
		$(this).addClass('activeMark');
		$(".watermarked.zipcode:not(.activeMark)").attr('value','Zip').addClass('textbox-watermark');
		$(".watermarked.city:not(.activeMark)").attr('value','City').addClass('textbox-watermark');
		$(".watermarked.storeId:not(.activeMark)").attr('value','Store Id').addClass('textbox-watermark');
	});
	$(".watermarked.zipcode").focus(function(){
		$(".state.select").val('');
	});
});
