var NeedHelp = {
	
	container: null,
	boxContainer: null,
	
	
	init: function(){
		NeedHelp.container = $('div.container');
		NeedHelp.boxContainer = NeedHelp.container.find('div.need_help');
		NeedHelp.boxContainer.find('input:text').bind('focus', {}, NeedHelp.onTextFieldFocus);
		NeedHelp.boxContainer.find('input:text').bind('blur', {}, NeedHelp.onTextFieldBlur);
		
	  	NeedHelp.boxContainer
	  			.find('form#needHelp')
	  			.bind('submit', {}, NeedHelp.onSubmit);
				
		
	},
	
	onTextFieldFocus: function(event){
		var field = $(event.target);
		var value = $.trim(field.val());
		if(value == field.attr('default')) field.val('');
		
	},
	
	onTextFieldBlur: function(event){
		var field = $(event.target);
		var value = $.trim(field.val());
		if(value == '') field.val(field.attr('default'))
	},
	
	onSubmit: function(event){
		//validation
		var isValid = true;
		var form = $(event.target);
		
		form.find('input:text').each(function(){
			if($(this).val() == $(this).attr('default')){
				alert($(this).val() + ' must field');
				isValid = false;
			}
			
		});
		
		var formParams = form.serializeArray();
		
		if(isValid){
			$.ajax({
						type: "POST",
						url: 'rpcProxy/needHelp',
						data: formParams,
						async: true,
						dataType: 'json',
						error : function() {
							alert('error');
						},
						success: function(data){
							if(data.status != true) { //failed
                                for (i in data.errors) {
                                    alert(data.errors[i]);
                                }
                            }
							else{ //success
								form.remove();
								NeedHelp.container.find('div#thankYou').removeClass('hidden');

								//Use an iframe so if the campaign code is JS, it will fire.
								var campaignCodeFrame = $('<iframe id="campaignFrame" frameborder="0" height="1" width="1" scrolling="no"></iframe>');
								campaignCodeFrame.html(data.campaignCode);
                                NeedHelp.container.find('div#thankYou').append(campaignCodeFrame);
							}
					    }
					});
		}
		return false;
	}
	
	
	
}

$(document).ready(function() { 
	NeedHelp.init();
});