var NeedHelp = {
	
	container: null,
	boxContainer: null,
	
	
	init: function(){
		NeedHelp.container = $('div.container');
		NeedHelp.boxContainer = NeedHelp.container.find('div.need_help,div.need_help_special');
		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);

        //set the country in the contact me section from geoIP
		NeedHelp.container.find('table.need_help_table select[name="Country"]').find('option[value="' + AppData.GEOIPCountry + '"]').attr('selected','selected');
		
		NeedHelp.container.find('#countryNeedHelp').selectbox(
				{
					inputClass: 'selectboxBig',
					containerClass: 'selectbox-wrapperBig',
					scrollBar: true,
					chainTitle: true,
					onChange: function( name, value, element ) {
						$.post(
							'rpcProxy/getCountryPrefix',
							{countryId: value},
							function(data){
							if (data!=null){
								General.container.find('form#needHelp input[name="Prefix"]').val('+' + data);
							}
							else{
								General.container.find('form#needHelp input[name="Prefix"]').val('');
							}
						},
					'json');
					}
				}
		)

	},


	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;
		
		//for special nedd help use regular(not ajax Post)
		
		
		var form = $(event.target);
		var aErrors = [];
		form.find('input:text').each(function(index){
			if($(this).val() == $(this).attr('default')){
                            
				//alert($(this).val() + ' must field');
                                aErrors[aErrors.length] = $(this).val() + ' is a must field.';
				isValid = false;
			}
			
		});
                if (! isValid ){
                   alert( 'Cannot send the form. Please correct the form errors:\r\n' + aErrors.join('\r\n'));
                }
		var formParams = form.serializeArray();
		
		if(NeedHelp.container.find('div.need_help_special').size()){
			if(isValid) return true;
			else return false;
		}
		
		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" src="rpcProxy/campaignCodeLoader/' + data.leadId + '"></iframe>');
                                NeedHelp.container.find('div#thankYou').append(campaignCodeFrame);

                                var googleIframe = $('<iframe id="googleFrame" frameborder="0" height="1" width="1" scrolling="no"></iframe>').attr('src',AppData.url + 'GoogleAnalytics');
								$('div#thankYou').append(googleIframe);
							}
					    }
					});
		}
		return false;
	}
	
	
	
}

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