docs: function(content) {
  			var self = this;
  
  			// if is instagram
  			var igClass = '';
  			if ( self.options.type == 'instagram' ) {
  				igClass = ' modaal-instagram';
  			}
  
  			var wrap_class = (self.options.type == 'video') ? 'modaal-video-wrap' : 'modaal-content';
  
  			/*
  				modaal-start_none : fully hidden via display:none;
  				modaal-start_fade : hidden via opacity:0
  				modaal-start_slidedown : ...
  
  			*/
  			var animation_class;
  			switch ( self.options.animation ) {
  				case 'fade' :
  					animation_class = ' modaal-start_fade';
  					break;
  				case 'slide-down' :
  					animation_class = ' modaal-start_slidedown';
  					break;
  				default :
  					animation_class = ' modaal-start_none'
  			}
  
  			// fullscreen check
  			var fullscreen_class = '';
  			if ( self.options.fullscreen ) {
  				fullscreen_class = ' modaal-fullscreen';
  			}
  
  			// custom class check
  			if ( self.options.custom_class !== '' || typeof(self.options.custom_class) !== 'undefined' ) {
  				self.options.custom_class = ' ' + self.options.custom_class;
  			}
  
  			// if width and heights exists and is typeof number
  			var dimensionsStyle = '';
  			if ( self.options.width && self.options.height && typeof self.options.width == 'number' && typeof self.options.height == 'number' ) {
  				// if width and height exist, and they are both numbers
  				dimensionsStyle = ' style="max-width:' + self.options.width + 'px;height:' + self.options.height + 'px;overflow:auto;"';
  			} else if ( self.options.width && typeof self.options.width == 'number' ) {
  				// if only width
  				dimensionsStyle = ' style="max-width:' + self.options.width + 'px;"';
  			} else if ( self.options.height && typeof self.options.height == 'number' ) {
  				// if only height
  				dimensionsStyle = ' style="height:' + self.options.height + 'px;overflow:auto;"';
  			}
  
  			// Reset dimensions style (width and height) for certain types
  			if ( self.options.type == 'image' || self.options.type == 'video' || self.options.type == 'instagram' || self.options.fullscreen ) {
  				dimensionsStyle = '';
  			}
  
  			// if is touch
  			// this is a bug fix for iOS to allow regular click events on div elements.
  			var touchTrigger = '';
  			if ( self.is_touch() ) {
  				touchTrigger = ' style="cursor:pointer;"'
  			}
  
  			var build_markup = '<div class="modaal-wrapper modaal-' + self.options.type + animation_class + igClass + fullscreen_class + self.options.custom_class + '" id="' + self.scope.id + '"><div class="modaal-outer-wrapper"><div class="modaal-inner-wrapper"' + touchTrigger + '>';
  
  					// hide if video
  					if (self.options.type != 'video') {
  						build_markup += '<div class="modaal-container"' + dimensionsStyle + '>';
  					}
  
  					// add the guts of the content
  					build_markup +=	'<div class="' + wrap_class + ' modaal-focus" aria-hidden="false" aria-label="' + self.options.accessible_title + ' - ' + self.options.close_aria_label + '" role="dialog">';
  
  							// If it's inline type, we want to clone content instead of dropping it straight in
  							if (self.options.type == 'inline') {
  								build_markup += '<div class="modaal-content-container" role="document"></div>';
  							} else {
  								// Drop in the content if it's not inline
  								build_markup +=	content;
  							}
  
  					// close wrap_class
  					build_markup += '</div>' + self.scope.close_btn;
  
  					// hide if video
  					if (self.options.type != 'video') {
  						build_markup += '</div>';
  					}
  
  			// close off modaal-inner-wrapper
  			build_markup +=	'</div>';
  			
  			// If type is image AND outer_controls is true: add gallery next and previous controls.
  			if (self.options.type == 'image' && self.options.outer_controls === true) {
  				build_markup += self.scope.prev_btn + self.scope.next_btn;
  			}
  
  			// close off modaal-wrapper
  			build_markup +=	'</div></div>';
  
  			// append ajax modal markup to dom
  			if ($('#' + self.scope.id + '_overlay').length < 1) {
  				self.dom.append(build_markup);
  			}
  
  			// if inline, clone content into space
  			if (self.options.type == 'inline') {
  				content.appendTo('#' + self.scope.id + ' .modaal-content-container');
  			}
  
  			// Trigger overlay show (which triggers modal show)
  			self.modaal_overlay('show');
  		}