<?php ## setting
$help_path = VIS_PATH_PLUGINS.'vh_help/en/'; //default for english
?>
<style>
#vh-help .modal-dialog {
  width: 500px;
  height: 100%;
  padding: 0;
  margin: 0;
  display: block;
  right: 0;
  top: 0;
  position: fixed;
}
#vh-help .modal-header {
  width: 100%;
  color: inherit;
}
#vh-help .modal-content {
  width: 100%;
  height: 100% !important;
  border-radius: 0;
  overflow: hidden;
}
#vh-help .modal-body {
  background-color: #ffffff;
  border-radius: 0;
  padding-top:0px;
}
@media (max-width: 360px) {
  #vh-help .modal-dialog {
    width: 100%;
  }
}
</style>
<script>
$("#mid_body_content").css({ 'height': $(window).height()-80+'px' });
/*$(document).on('load','#mid_body_content h4',function(){
        $('#mid_body_content').animate({scrollTop: 0});
    });*/
	var oldhash;			
					var hash=window.location.hash;
					if(oldhash=='' || oldhash===undefined)
					{
						oldhash=hash;
					}
				if(hash!=oldhash){
						$('#mid_body_content').animate({scrollTop: 0});
						oldhash=hash;
				}
							
</script>
<!-- Modal 	-->
<div id="vh-help">
  <div class="modal-dialog">
    <div class="modal-content" >
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title"><i class="vh vh-question vh-lg"></i>Help</h4>
      </div>
      <div class="modal-body" >
	   <div class="row">
                <section id="mid_body_content" class="scrollable wrapper" >
		<?php   				
				if($operation['vis_integration_doc']!=''){
					$success = include($help_path.$operation['vis_doc_id'].$operation['vis_integration_doc'].'.html');
				}else{
					$success = include($help_path.$operation['vis_doc_id'].'.html');
				}
				if($success != 1 || $success != true){ include($help_path.'/default.html'); }		
				
		?>
		 </section>
		 </div>
      </div>
      
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.vh-help -->

