<?php 
	
/**
 * Manage > Settings > Page Settings > Animate On Scroll
 *
 */ 

global $oxygen_toolbar;

?>

<?php $oxygen_toolbar->settings_breadcrumbs(	
						oxygen_translate('Scripts','oxygen'),
						oxygen_translate('Page Settings','oxygen'),
						'page'); ?>

<div class='oxygen-control-row'>
	<div class='oxygen-control-wrapper'>
		<div class='oxygen-control'>
			<label class="oxygen-checkbox">
				<input type="checkbox"
					ng-true-value="'true'" 
					ng-false-value="''"
					ng-model="iframeScope.pageSettingsMeta.scripts['scroll_to_hash']"
					ng-change="iframeScope.loadOxygenScripts()"> 
				<div class='oxygen-checkbox-checkbox'
					ng-class="{'oxygen-checkbox-checkbox-active':iframeScope.pageSettingsMeta.scripts['scroll_to_hash']=='true'}">
					<?php oxygen_translate_echo("Smooth Scroll to Hash Links","oxygen") ?>
				</div>
			</label>
		</div>
	</div>
</div>

<div class='oxygen-control-row'
	ng-show="iframeScope.pageSettingsMeta.scripts['scroll_to_hash']=='true'">
	<?php $oxygen_toolbar->global_slider_measure_box_with_wrapper('page', "['scripts']['scroll_to_hash_time']", oxygen_translate('Scroll Time','oxygen'), 'ms', 0, 1000, "", 100); ?>
</div>

<div class='oxygen-control-row'
	ng-show="iframeScope.pageSettingsMeta.scripts['scroll_to_hash']=='true'">
	<?php $oxygen_toolbar->global_slider_measure_box_with_wrapper('page', "['scripts']['scroll_to_hash_offset']", oxygen_translate('Scroll Offset','oxygen'), 'px', 0, 1000, "", 100); ?>
</div>
