#I LOVE YOU EVERDAY#

(function ($) {
	vc.atts.asvc_hotspot_param = {
		init: function (param, $field) {
			if(!$field.prev().data('vc-shortcode-param-name') || !$field.prev().data('vc-shortcode-param-name') == 'image') {
				return false;
			}
			
			var imgSrc = '',
				$imgInput = $field.prev().find('input[name="image"]'),
				previewImage = function() {
					if($field.prev().find('img').length > 0) {
						var id = $field.find('.asvc_hotspot_var').attr('id');
						imgSrc = $field.prev().find('img').attr('src');
						imgSrc = imgSrc.replace('-150x150', '', imgSrc);
						if($field.find('img.asvc-hotspot-image').length > 0) {
							$field.find('img.asvc-hotspot-image').attr('src', imgSrc);
						} else {
							$field.find('.asvc-hotspot-image-holder').append('<img src="'+imgSrc+'" alt="Preview image" class="asvc-hotspot-image" />');
						}
						$field.find('.asvc-hotspot-image-holder').hotspot({
							mode:			'admin',
							LS_Variable:	'#'+id,
							popupTitle:		$field.find('.asvc-hotspot-image-holder').data('popup-title') ? $field.find('.asvc-hotspot-image-holder').data('popup-title') : 'Save',
							saveText:		$field.find('.asvc-hotspot-image-holder').data('save-text') ? $field.find('.asvc-hotspot-image-holder').data('save-text') : 'Save',
							closeText:		$field.find('.asvc-hotspot-image-holder').data('close-text') ? $field.find('.asvc-hotspot-image-holder').data('close-text') : 'Close',
							dataStuff: [
								{
									'property': 'Title',
									'default': 'Tooltip title'
								},
								{
									'property': 'Message',
									'default': 'Tooltip content goes here'
								}
							]
						});
					}
				};
				
			previewImage();
			$imgInput.change(function() {
				previewImage();
			});
		},
	};
})(window.jQuery);