function toggleBoxDisplay(popId,popId2) {
    var pop1 = $(popId);
    var pop2 = $(popId2);
    
    if (pop1 != null && pop2 != null) {
        pop1.style.display = (pop1.style.display == "none") ? "inline" : "none";
        pop2.style.display = (pop2.style.display == "none") ? "inline" : "none";
    }
}

var FieldDefaultValue = Class.create({
  initialize: function(fieldId, defaultValue, defaulValueClass, submitButtonId, submitButton2Id) {
        this.field = $(fieldId);
        		
        //Set value initially if none are specified
        if(this.field.value == '') {
            this.field.addClassName(defaulValueClass);
	        this.field.value=defaultValue;
        }

        // Remove values on focus
        this.field.observe('focus', function() {
            if (this.value==defaultValue) {
                this.removeClassName(defaulValueClass);
                this.value='';
            }
        });

        // Place values back on blur
        this.field.observe('blur', function() {
            if(this.value=='') {
                this.addClassName(defaulValueClass);
	            this.value=defaultValue;
	        }
        });
        
        //Capture form submission
		$(submitButtonId).observe('click', function() {
		    var field = $(fieldId);
			if(field != null && field.value==defaultValue) {
				field.value='';
			}
		});
		if (submitButton2Id != null) {
		    this.submitButton2 = $(submitButton2Id);
            this.submitButton2.observe('click', function() {
		        var field = $(fieldId);
			    if(field != null && field.value==defaultValue) {
				    field.value='';
			    }
		    });
		}
  }
});

function stopBubble(e) 
{
    if (!e) var e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
    //alert("bubble stop");
}