<?php defined('ABSPATH') or die("No script kiddies please!"); ?>
<!-- Modal -->
<div class="modal fade" id="modal_news" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
	      	<div class="row">
	      		<div class="col-md-5">
	      			<div class="row">
	      				<div class="col-md-12">
	      					<img src="" class="image_modal"> 
	      				</div>
	      			</div>
		      		<div class="row little_img">
	
		      		</div>
	      		</div> 
	      		<div class="col-md-7"><p class="content_p"></p></div>
	      	</div>
      </div>

    </div>
  </div>
</div>

<!-- Modal -->
<!--START COPYRIGHT-->
<!-- <footer id="copyright" class="page-block-small wow fgadeInDown" data-wow-offset="70" data-wow-delay="700ms">
  <div class="container text-center"> 
    <div class="row"> -->
    
      <?/*php echo apply_filters('the_content',AfterSetupTheme::bautySpa_return_thme_option('copyright'));*/?>
      
    <!-- </div> --><!-- end row -->
  <!-- </div> --><!-- end container -->
<!-- </footer> -->
<!--END COPYRIGHT--> 
<?php wp_footer();?>
<script type="text/javascript">
	var click_true = false;
	 jQuery('#modal_news').on('show.bs.modal', function (event) {

	 	var button = jQuery(event.relatedTarget),
	 		parent_div = button.parent(),
	 		modal_text = jQuery('.content_p'),
	 		modal_title = jQuery('.modal-title'),
	 		modal_img = jQuery('.image_modal'),
	 		little_img = jQuery('.little_img'),
	 		img_news = parent_div.find('img');
	 		img_new = img_news.attr('src'),
	 		modal_data_src1 = img_news.data('img1'),
	 		modal_data_src2 = img_news.data('img2'),
	 		modal_data_src3 = img_news.data('img3'),
	 		// modal_data_src4 = img_news.data('img4'),
	 		little_img.html('');
	 		text_div = parent_div.find('.invisible_text'),
	 		title_text = parent_div.find('.title_p_news');
	 		var arrImages = [modal_data_src1,modal_data_src2,modal_data_src3];
	 		for (var i = 0; i < arrImages.length; i++) {
	 			little_img.append('<div class="col-md-4"> <img src="' + arrImages[i]+ '" class="little_little" style="width: 100%;"/>');
	 		}
	 		modal_img.attr('src', img_new);
	 		modal_text.html(text_div.html());
	 		modal_title.text(title_text.text());
	 		click_true = true;
	 jQuery('.little_img img').click(function(){
			 	var current_url = jQuery(this).attr('src'),
			 		modal_img = jQuery('.image_modal'),
			 		current_img = jQuery(this);
			 		modal_img_src = modal_img.attr('src');

			 		modal_img.attr('src', current_url);
			 		current_img.attr('src', modal_img_src);

	 });
	 });



</script>
</body>
</html>