jQuery(function(){
	var userInput = jQuery('input[name=customTab]');
	var initVal = "";
	var changedVal = "";
	var iFocus = "off";
	var defaultCustomTabTxt = (dodot_lang=="es")? "El nombre de tu bebé" : "O nome do seu bebé"; 
	
	if(userInput.val()==""){
	    userInput.val(defaultCustomTabTxt);
	}
	
	// on Focus
	userInput.click(function(){
		if(userInput.val()==defaultCustomTabTxt){
			userInput.val('');
		}
		log('focused');
		iFocus = "on";
		initVal = userInput.val();
		userInput
			.css({'background-color':'#fff','color':'#000'})
			.attr('readonly','');
	});
	
	// on Blur
	
	userInput.blur(function(){	
		if(iFocus == "on"){
			changedVal = userInput.val();
			log('blured');
			log('initVal: ' + initVal + ' changedVal: ' + changedVal);
			// send data incase value is changed
			if(initVal != changedVal){
				ajaxText(userInput);
			}else{
				jQuery(this).css({'background':'none','color':'#fff'});
			}
			iFocus = "off";	
		}
		if(userInput.val()==''){
			userInput.val(defaultCustomTabTxt);
		}
		return false;
	});
	
	
	// on Esc
	jQuery(document).keyup(function(e) {
		if (e.keyCode == 27){
			log('esc: initVAl: ' + initVal);
			userInput.val(initVal);
		}
		
  		if (e.keyCode == 27 && iFocus=="on") {
  			if(userInput.val()==""){
  				userInput.val(defaultCustomTabTxt);
  			}
  			log('esc+focus on');
			log('esc: initVAl: ' + initVal);
			userInput
				.css({'background':'none','color':'#fff'})
				.attr('readonly','readonly')
				.val(initVal).blur();
  	  	}
  		return false;
	});
	
	// on Submit
	jQuery('.customTabAjaxForm form')
		//.hide()
		.submit(function(){
			log('start sending form');
			ajaxText(userInput);
			
			return false;
		});
	function ajaxText(o){
		log('entrando function ajaxText');
		jQuery.ajax({
	        type: "post",
	        data: "customTab=" + jQuery('input[name=customTab]').val(),
			url: customTabPath + "/usercustomtab/setCustomTab",
			cache: false,
			dataType: "xml",
			success: function(xml) {
				var name = jQuery(xml).find('customTab').text();
				log('name: ' + name)
				jQuery('input[name=customTab]').val(name);
				o.css({'background':'none','color':'#fff'}).attr('readonly','readonly');
				initVal = name;
				//alert('initVal: '+ initVal);
				iFocus = "off";
				//alert('finish success: ' + name);
				//return false;
				if(userInput.val()==''){
					userInput.val(defaultCustomTabTxt);
				}
				
				// INI: STATS
				wtMeta.tracker("WT.cg_n", "Mi bebé", "WT.cg_s", "Pastilla")
				// END: STATS 
			}
		});
	}
	
	
});


function log() {
	if (jQuery.fn.debug) {
		try{
			console.log.apply( console, arguments );
		}catch(e){
			try{
				opera.postError.apply( opera, arguments );
			}catch(e){
				alert(Array.prototype.join.call( arguments, " " ));
			}
		}
	}
};