// prepare the form when the DOM is ready 
$(document).ready(function() { 
	
	$('#embed_code').css({ 'display': 'none' });

	$('#submit_comment').attr("disabled", "");
	$('#comment').attr("disabled", "");	
	
	$('#submit_favorite').click(function(){ 
    	$('#submit_favorite').attr("value", "Adding...");
    });
	
	$('#delete_favorite').click(function(){ 
    	$('#delete_favorite').attr("value", "removing...");
    });
	
	$('#submit_comment').click(function(){ 
    	$('#submit_comment').attr("value", "Adding...");
    });

		
	//$('#submit_rating').attr("src", "http://a-real.tv/assets/image/add-32-neg.gif");
	
	// bouton de Like
	//$('#submit_rating').attr({
//		type: 'image',
//		src: 'http://a-real.tv/assets/image/add-32.png'
//	});
	
    // bind form using ajaxForm 
    $('#htmlForm').ajaxForm({ 
        // target identifies the element(s) to update with the server response 
        target: '#ok', 
 		
		beforeSubmit: function(formData, jqForm, options){
			
			// formData is an array of objects representing the name and value of each field 
			// that will be sent to the server;  it takes the following form: 
			// 
			// [ 
			//     { name:  username, value: valueOfUsernameInput }, 
			//     { name:  password, value: valueOfPasswordInput } 
			// ] 
			// 
			// To validate, we can examine the contents of this array to see if the 
			// username and password fields have values.  If either value evaluates 
			// to false then we return false from this method. 
			
			for (var i=0; i < formData.length; i++) { 
				if (!formData[i].value) { 
					alert('Hum, your comment is empty? Please, try again!');
					return false; 
				} 
			} 
			
			return true;
		},
		
		
        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function() { 
			//$('#ok').before('Your comment is added, clic here if you want to see it now:');
           $('#comment').attr("disabled", "disabled");
		   $('#submit_comment').attr("value", "Commented!");
		   $('#submit_comment').attr("disabled", "disabled");
			$('#ok').fadeIn('fast');
			
			//$('#htmlForm').fadeOut('slow');
			//$('#ok').before("ok");
        } 
    }); 
	
	
	
	// bind form using ajaxForm 
    $('#ratingForm').ajaxForm({ 
        // target identifies the element(s) to update with the server response 
        target: '#ratingok', 
 		
		beforeSubmit: function(formData, jqForm, options){
			
			// formData is an array of objects representing the name and value of each field 
			// that will be sent to the server;  it takes the following form: 
			// 
			// [ 
			//     { name:  username, value: valueOfUsernameInput }, 
			//     { name:  password, value: valueOfPasswordInput } 
			// ] 
			// 
			// To validate, we can examine the contents of this array to see if the 
			// username and password fields have values.  If either value evaluates 
			// to false then we return false from this method. 
			
			for (var i=0; i < formData.length; i++) { 
				if (!formData[i].value) { 
					alert('Hum, your comment is empty? Please, try again!');
					return false; 
				} 
			} 
			
			return true;
		},
		
		
        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function() { 
			//$('#ok').before('Your comment is added, clic here if you want to see it now:');
           $('#rating').attr("disabled", "disabled");
		   $('#submit_rating').attr("value", "Rated!");
		   $('#submit_rating').attr("disabled", "disabled");
			//$('#ratingok').fadeIn('fast');
		   
		   // Image en n et b
		   var ratingVal = parseInt($('#liked').text());
		   ratingVal ++;
		   
		   $('#liked').html(ratingVal);
		   
		   $('#submit_rating').attr("src", "http://a-real.tv/assets/image/add-16-neg.gif");
		   
			//$('#htmlForm').fadeOut('slow');
			//$('#ok').before("ok");
        } 
    }); 
	
	
	
	// bind form using ajaxForm 
    $('#favoriteForm').ajaxForm({ 
		
		
        // target identifies the element(s) to update with the server response 
        target: '#favoriteok', 
 		
		beforeSubmit: function(formData, jqForm, options){
			
			// formData is an array of objects representing the name and value of each field 
			// that will be sent to the server;  it takes the following form: 
			// 
			// [ 
			//     { name:  username, value: valueOfUsernameInput }, 
			//     { name:  password, value: valueOfPasswordInput } 
			// ] 
			// 
			// To validate, we can examine the contents of this array to see if the 
			// username and password fields have values.  If either value evaluates 
			// to false then we return false from this method. 
			
			for (var i=0; i < formData.length; i++) { 
				if (!formData[i].value) { 
					alert('Hum, your comment is empty? Please, try again!');
					return false; 
				} 
			} 
			
			return true;
		},
		
		
        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function() { 
			//$('#ok').before('Your comment is added, clic here if you want to see it now:');
           //$('#rating').attr("disabled", "disabled");
		   $('#submit_favorite').attr("value", "Added!");
		   $('#submit_favorite').attr("disabled", "disabled");

		   
			//$('#favoriteok').fadeIn('fast');
			
			//$('#htmlForm').fadeOut('slow');
			//$('#ok').before("ok");
        } 
    }); 
	
	
	$('#delfavoriteForm').ajaxForm({ 
		
		
        // target identifies the element(s) to update with the server response 
        target: '#favoriteok', 
 		
		beforeSubmit: function(formData, jqForm, options){
			
			for (var i=0; i < formData.length; i++) { 
				if (!formData[i].value) { 
					alert('Hum, your quiery is empty? Please, try again!');
					return false; 
				} 
			} 
			
			return true;
		},
		
		
        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function() { 
			//$('#ok').before('Your comment is added, clic here if you want to see it now:');
           //$('#rating').attr("disabled", "disabled");
		   $('#delete_favorite').attr("value", "Removed!");
		   $('#delete_favorite').attr("disabled", "disabled");
			//$('#favoriteok').fadeIn('fast');
			
			//$('#htmlForm').fadeOut('slow');
			//$('#ok').before("ok");
        } 
    }); 


	$('#vidForm').ajaxForm({ 
		
		
        // target identifies the element(s) to update with the server response 
        target: '#vidok', 
 		
		beforeSubmit: function(formData, jqForm, options){
			
			for (var i=0; i < formData.length; i++) { 
				if (!formData[i].value) { 
					alert('Hum, your quiery is empty? Please, try again!');
					return false; 
				} 
			} 
			
			return true;
		},
		
		
        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function() {
		   $('#submit_modif').attr("value", "Modified!");
		   $('#submit_modif').attr("disabled", "disabled");
			
        } 
    }); 
		
	
	$('#customize_button').click(function(){ 
		 $('#embed').css({ 'height': '340px' });
		 $('#embed_code').css({ 'display': 'block' });
    });




	
	
});