$(document).ready(function(){
   	//this is the menu popup for the "tools" function on 
 
 	//Add popup parameter to the url for thickbox
 
	$.fn.addAjaxParameter = function(){
		return this.each(function(){
			var theHref = $(this).attr("href"); 
		if(theHref.indexOf('?')){
			theHref	+= "&";	
		}else{
			theHref	+= "?";	
		}
			theHref	+= "height=450&width=600&popup=true&KeepThis=true&TB_iframe=true";
			$(this).attr("href", theHref);
		});
	}
	
	 	$(".thickbox").addAjaxParameter();
		
		$(".mp3").jmp3({
			filepath:"/files/",
			showfilename:"false"
		});

		$(".mp3Link").jmp3({
			filepath:"/files/",
			showfilename:"true"
		});		
		
		
		$('.multi-pt').MultiFile({
		  accept:'gif|jpg|mp3', max:1, STRING: {
		   remove:'Remove',
		   selected:'Selected: $file',
		   denied:'Invalid file type $ext!',
		   duplicate:'File already exists :\n$file!'
		  }
		 });		
				
		
	    $('.UsersWordform').editable('/UsersWordforms/updateTitle', {
	         id        : 'data[UsersWordform][id]',
	         name      : 'data[UsersWordform][title]',
	         type      : 'text',
	         cancel    : 'Cancel',
	         submit    : 'Save',
	         tooltip   : 'Click to edit the title',
			 cssclass : "editableText"
	    });	
		

		
		
		
	    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' 
	   /* $('.form').ajaxForm(options); 	
		
		$(".checkMultiple").click(function() {
		    $('.form').ajaxSubmit(options);
		    //return false;
		});*/ 		
			
		
		// pre-submit callback 
		function showRequest(formData, jqForm, options) { 
		    // formData is an array; here we use $.param to convert it to a string to display it 
		    // but the form plugin does this for you automatically when it submits the data 
		    var queryString = $.param(formData); 
		 
		    // jqForm is a jQuery object encapsulating the form element.  To access the 
		    // DOM element for the form do this: 
		    // var formElement = jqForm[0]; 
		 
		    alert('About to submit: \n\n' + queryString); 
		 
		    // here we could return false to prevent the form from being submitted; 
		    // returning anything other than false will allow the form submit to continue 
		    return true; 
		} 
		 
		// post-submit callback 
		function showResponse(responseText, statusText)  { 
		    // for normal html responses, the first argument to the success callback 
		    // is the XMLHttpRequest object's responseText property 
		 
		    // if the ajaxForm method was passed an Options Object with the dataType 
		    // property set to 'xml' then the first argument to the success callback 
		    // is the XMLHttpRequest object's responseXML property 
		 
		    // if the ajaxForm method was passed an Options Object with the dataType 
		    // property set to 'json' then the first argument to the success callback 
		    // is the json data object returned by the server 
		 
		    alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + 
		        '\n\nThe output div should have already been updated with the responseText.'); 
		} 		
		
		
		
			  
 });