// prepare the form when the DOM is ready 
jQuery(document).ready(function() { 
// Ajax and Cluetip initialization of event handlers

    var options = { 
        //target:        '#output1',   // target element(s) to be updated with server response 
        //beforeSubmit:  showRequest,  // pre-submit callback 
        //success:       showResponse  // post-submit callback 
 
        // other available options: 
        //url:       url         // override for form's 'action' attribute 
        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
        //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
        //clearForm: true        // clear all form fields after successful submit 
        //resetForm: true        // reset the form after successful submit 
 
        // $.ajax options can be used here too, for example: 
        //timeout:   3000 
    }; 
    
    // bind form using 'ajaxForm' 
    jQuery('#myForm1').ajaxForm(options);

    // Load the clue tip
	//$('ol.rounded a:eq(0)').cluetip({splitTitle: '|', dropShadow: false, cluetipClass: 'rounded', showTitle: false});
    jQuery('a.load-local').cluetip({ dropShadow: false, local:true, sticky: true, ajaxCache: false, activation: 'click', cursor: 'pointer', width: 300, showTitle: false});
});
