NGApp.directive( 'ngResizeText', [ function() {
	return {
		restrict: 'A',
		link: function(scope, element, attrs) {

			elements = $(element);
			
			var resize = function() {
				var el, _len;

				if (elements.length < 0) {
					return;
				}
				
				elements.css('font-size','').removeClass('resized');
				
				var _results = [];
				for (var _i = 0, _len = elements.length; _i < _len; _i++) {
					el = elements[_i];
					_results.push((function(el) {
						var resizeText = function() {
							var elNewFontSize;
							elNewFontSize = (parseInt($(el).css('font-size').slice(0, -2)) - 1) + 'px';
							return $(el).css('font-size', elNewFontSize);
						};
						var _results1 = [];
						while (el.scrollHeight > el.offsetHeight) {
							_results1.push(resizeText());
						}
						return _results1;
					})(el));
				}
				
				elements.addClass('resized');
				return _results;
			};

			setTimeout(resize,1);

			$(window).bind('resize',resize);

			scope.$on('$destroy', function() {
				$(window).unbind('resize',resize);
			});


		}
	};
}]);

NGApp.directive( 'ngBindHtmlUnsafe', [ function() {
	return function( scope, element, attr ) {
		element.addClass( 'ng-binding' ).data( '$binding', attr.ngBindHtmlUnsafe );
		scope.$watch( attr.ngBindHtmlUnsafe, function ngBindHtmlUnsafeWatchAction( value ) {
			element.html( value || '' );
		} );
	}
} ] );

NGApp.directive('addToCart', function(OrderService) {
	return {
		restrict: 'A',
		link: function(scope, element, attrs) {
			element.bind('click', function (e) {
				if (!OrderService.restaurant._open) {
					return;
				}

				if (App.isUI2()) {
					setTimeout(function() {
						var el = $(element.get(0));

						var animate = $('<div class="animate-cart-add">').css({
							top: el.position().top+20
						});
						animate.bind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() {
							$(this).remove();
						});
						animate.appendTo('body');
							animate.css({
								top: 15,
								left: $(document).width()-50,
								width: 44,
								height: 28,
								opacity: .3
							});	
					},0);
				}
				
				setTimeout(function() {
					scope.order.cart.add(attrs.idDish);
					scope.$apply();
				},0);

			});
		}
	};
});


// Facebook button compoment
NGApp.directive( 'facebookSigninButton', function ( AccountFacebookService ) {
	return {
		restrict: 'A',
		templateUrl: 'assets/view/account.facebook.html',
		scope: {
			title: '@'
		},
		controller: function ( $scope ) {
			$scope.facebook = AccountFacebookService;
		}
	};;
});

// Restaurant is closed
NGApp.directive( 'restaurantIsClosed', function () {
	return {
		restrict: 'A',
		templateUrl: 'assets/view/restaurant.closed.inline.html'
	};
});

NGApp.directive( 'preLoadImage', function() {
		return function( scope, element, attrs ) {
			if( attrs.preLoad ){
				var image = new Image();
				image.src = attrs.preLoad;
			}
		};
} );

// Suggestion tool tip
NGApp.directive( 'suggestionToolTip', function () {
	return {
		restrict: 'A',
		templateUrl: 'assets/view/restaurant.suggestion.tooltip.html',
		scope: {
			type: '@'
		},
		controller: function ( $scope ) {
			$scope.show = false;
		}
	};;
});

// Press enter directive
NGApp.directive( 'ngEnter', function() {
		return function( scope, element, attrs ) {
				element.bind( 'keydown keypress', function( event ) {
					if( event.which === 13 ) {
						scope.$apply( function() {
							scope.$eval( attrs.ngEnter );
						} );
						event.preventDefault();
					}
				} );
		};
} );

NGApp.directive('ngClickSelectAll', function() {
		return {
				restrict: 'A',
				link: function(scope, element, attrs) {
						element.bind('click', function () {
							element.select();
						});
				}
		};
});

// Custom Checkbox - See #1577
NGApp.directive( 'customCheckbox', function () {

	// Hack to not work at desktop and don't trow any error
	//if( !App.isMobile() ){ return { restrict: 'E' };}

	return {
		restrict: 'A',
		require: 'ngModel',
		replace: true,
		template: '<span class="custom-checkbox fa fa-square"></span>',
		link: function (scope, elem, attrs, ctrl) {
			var label = angular.element('label[for="' + attrs.id + '"]');
			label.bind('click', function () {
				scope.$apply(function () {
					elem.toggleClass( 'checked' );
					ctrl.$setViewValue( elem.hasClass( 'checked' ) );
					if( elem.hasClass('checked') ){
						elem.removeClass('fa-square');
						elem.addClass('fa-check-square');
					} else {
						elem.addClass('fa-square');
						elem.removeClass('fa-check-square');
					}
				});
			});

			elem.bind('click', function () {
				scope.$apply(function () {
					elem.toggleClass( 'checked' );
					ctrl.$setViewValue( elem.hasClass( 'checked' ) );
					if( elem.hasClass('checked') ){
						elem.removeClass('fa-square');
						elem.addClass('fa-check-square');
					} else {
						elem.addClass('fa-square');
						elem.removeClass('fa-check-square');
					}
				});
			});

			ctrl.$render = function () {
				if (!elem.hasClass('checked') && ctrl.$viewValue) {
					elem.addClass('checked');
					elem.removeClass('fa-square');
					elem.addClass('fa-check-square');
				} else if (elem.hasClass('checked') && !ctrl.$viewValue) {
					elem.removeClass('checked');
					elem.addClass('fa-square');
					elem.removeClass('fa-check-square');
				}
			};			
		}
	}
});

// Blur event directive
NGApp.directive('ngBlur', function() {
		return {
				restrict: 'A',
				link: function(scope, element, attrs) {
						element.bind('blur', function () {
								scope.$apply(attrs.ngBlur);
						});
				}
		};
});

NGApp.directive('ngInstant', function () {
	return function(scope, element, attrs) {
		element.bind(App.isMobile() ? 'touchstart' : 'click', function(e) {
			scope.$apply(attrs['ngInstant'], element);
			if (typeof attrs.instantPassThru === 'undefined') {
				e.preventDefault();
				e.stopPropagation();
			}
		});
	};
});

NGApp.directive('ngKeyDown', function () {
	return {
		restrict: 'A',
		link: function (scope, elem, attr) {
			angular.element(elem).bind('keydown', function (evt) {
				scope.$eval(attr.ngKeyDown);
			});
		}
	};
});

NGApp.directive('ngKeyUp', function () {
	return {
		restrict: 'A',
		link: function (scope, elem, attr) {
			angular.element(elem).bind('keyup', function (evt) {
				scope.$eval(attr.ngKeyUp);
			});
		}
	};
});

NGApp.directive('ngScrollSpy', function () {
	return {
		restrict: 'A',
		link: function (scope, elem, attr) {
			var sp = {
				min: -300,
				max: 50,
				onEnter: function(element, position) {
					$('.nav-top').addClass('at-top');
				},
				onLeave: function(element, position) {
					$('.nav-top').removeClass('at-top');
				}
			};
			$(elem).scrollspy(sp);
			sp.container = $('.snap-content-inner');
			$(elem).scrollspy(sp);
			

			
			if (App.isPhoneGap) {

				var sp = {
					min: -300,
					max: -40,
					onEnter: function(element, position) {
						$('body').addClass('hidden-logo');
					},
					onLeave: function(element, position) {
						$('body').removeClass('hidden-logo');
					},
					container: $('.snap-content-inner')
				};
				$(elem).scrollspy(sp);

				var sp = {
					min: -135,
					max: -90,
					onEnter: function(element, position) {
						$('.snap-content-inner.bg').addClass('step-two');
					},
					onLeave: function(element, position) {
						$('.snap-content-inner.bg').removeClass('step-two');
					},
					container: $('.snap-content-inner')
				};
				$(elem).scrollspy(sp);

				var sp = {
					min: -300,
					max: -130,
					onEnter: function(element, position) {
						$('.snap-content-inner.bg').addClass('step-three');
					},
					onLeave: function(element, position) {
						$('.snap-content-inner.bg').removeClass('step-three');
					},
					container: $('.snap-content-inner')
				};
				$(elem).scrollspy(sp);
			}
		}
	};
});

NGApp.directive( 'ngBindOnce', function( $timeout ) {
	return {
		scope: true,
		link: function( $scope, $element ) {
				$timeout( function() { $scope.$destroy(); }, 0 );
			}
	}
} );

NGApp.directive('ngSpinner', function () {
	return {
		restrict: 'A',
		link: function (scope, elem, attr) {
			setTimeout( function(){
				var spinner = Ladda.create(elem.get(0));
				elem.data( 'spinner', spinner);
				if ( attr.spinnerAutostart && attr.spinnerAutostart != 'false' ) {
					$( elem ).click(function() {
						spinner.start();
					} );
				}
			}, 1 );
		}
	};
});

NGApp.directive('ngAutosize', function () {
	return {
		restrict: 'A',
		link: function (scope, elem, attr) {
			setTimeout( function(){
				elem.addClass('autosize');
				elem.data( 'autosize', elem.autosize() );
			}, 800 );
		}
	};
});

NGApp.directive('ngSimulateReadOnly', function () {
	return {
		restrict: 'A',
		link: function (scope, elem, attr) {
			if( App.isMobile() || App.isPhoneGap ){
				angular.element(elem).bind('click keyup keydown change focus', function (evt) {
					elem.val(attr.ngSimulateReadOnly);
					elem.select();
				});
			} else {
				elem.attr( 'readonly', 'readonly' );
				angular.element(elem).bind('click', function (evt) {
					elem.select();
				});
			}
		}
	};
});

NGApp.directive( 'ngFormatPhone', function( $filter ) {
	return function( scope, element, attrs ) {
		element.bind( 'keyup', function( event ) {
			element.val( $filter( 'formatPhone' )( element.val() ) );
		} );
	};
} );


/* toggle elements, and then untoggle on next mouse click. used for menu */
NGApp.directive('ngToggle', function() {
	return {
		restrict: 'A',
		link: function (scope, elem, attr) {

			elem.bind('click', function(event) {
				setTimeout(function() {
					$(document).one('click', function(e) {
						if (e.target == event.target) {
							return;
						}
						scope.$apply(function() {
							scope[attr.ngToggle] = false;
						});
					});
				},0);
	
				scope.$apply(function() {
					scope[attr.ngToggle] = true;
				});
			});
		}
	};
});

NGApp.directive( 'modalReset', function( $rootScope ) {
	return {
		restrict: 'A',
		link: function( scope, element, attrs ){	
			scope.$on( 'modalClosed', function( e, data ) {
				if( attrs.modalReset ){
					scope.$eval( attrs.modalReset );	
				}
			} );
		}
	}
} );

NGApp.directive( 'geoComplete', function() {
	return {
		restrict: 'A',
    scope: { ngModel : '=', geoCompleteEnter : '&' },
		link: function( scope, element, attrs ) {
			var el = document.getElementById( attrs.id );
			if( typeof google == 'object' && google.maps && google.maps.places && google.maps.places.Autocomplete ){
				var autoComplete = new google.maps.places.Autocomplete( el, { types: [ 'establishment','geocode' ] } );
				 google.maps.event.addListener( autoComplete, 'place_changed', function() {
					$('body').scrollTop(0);
					var place = autoComplete.getPlace();
					scope.$apply( function() {
						scope.ngModel = el.value;
						// we need to give some time to scope
						setTimeout( function(){
							scope.geoCompleteEnter();
						}, 5 );
					} );
				} );
			}
		}
	};
});