$(document).ready(function() {
	
	var contentStage = $('#contentStage');
	
	var scrollableStage = contentStage.hasClass('scrollable');
	var scrollableContainer = contentStage.find('div.scrollable');
	var appleDevice = false;
	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i))) {
		appleDevice = true;
	}
	
	var scrollBoxSettings = function(scrollBox) {
		
		var boxHeadline = scrollBox.find('h4.subHeader');
		var firstHeadline = false;
		if(boxHeadline.length) {
			firstHeadline = boxHeadline.clone();
			boxHeadline.remove();
		}
		scrollBox.wrapInner('<div class="scrollStage" />');
		if(firstHeadline) firstHeadline.prependTo(scrollBox).wrap('<div class="firstHeadline" />');
		
		var scrollSpeed = 5;
		if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i)))
			scrollSpeed = 10;
		
		scrollBox.find('div.scrollStage').each(function() {
			if($(this).height() > 375) {
				if(!appleDevice) {
					$(this).simplyScroll({
						className: 'saScroll',
						horizontal: false,
						frameRate: 30,
						speed: scrollSpeed
					});
				} else {
					$(this).attr('id', 'actScrollStage');
					scrollBox.append('<div class="simply-scroll-back simply-scroll-btn simply-scroll-btn-up" style="right: 6px;" />');
					scrollBox.append('<div class="simply-scroll-forward simply-scroll-btn simply-scroll-btn-down" style="right: 6px;" />')
					var myScroll = new iScroll('actScrollStage');
				}
			}
		});
		
	}
	
	if(scrollableStage) {
		scrollBoxSettings(contentStage);
	} else if(scrollableContainer.length) {
		scrollableContainer.each(function() {
			scrollBoxSettings($(this));
		});
	}
	
});
