jQuery(document).ready(function($){			
	
		<!-- initiate the JQuery scroller if needed on dom ready -->
		if ($("#scrolled_content").length > 0){
			var scrollPanelElement = $('#scrolled_content').jScrollPane({showArrows: true});
			<!-- get its api reference -->
			var scrollpanelApi = scrollPanelElement.data('jsp');
		}
		<!-- ends -->
		
		<!-- custom functions for repositioning and resizing -->
		var fullHeight = $('#supperWrapper').height();
		
		$('.row0 .column1').css('height',fullHeight+'px');
		$('.row0 .column2').css('height',fullHeight+'px');
		$('.row1 .column1').css('height',fullHeight+'px');
		$('.row2').css('height',fullHeight+'px');
		$('.row2 .column2').css('height',fullHeight+'px');
		
		$(".trigger2 a").click();
		$('#togglerContent').css('height',fullHeight+'px');
		var triggerMargin = (fullHeight/2)-47;
		$('.triggerContent').css('margin-top',triggerMargin+'px');
		
		var scrollerHeight = fullHeight-112;
		
		
		if ($("#scrolled_content").length > 0){
			$("#scrolled_content").css("height",scrollerHeight+"px");
				
			scrollpanelApi.reinitialise();
		}
						
		$(window).bind('resize', function(){
										  
			var fullHeight = $('#supperWrapper').height();
			
			$('.row0 .column1').css('height',fullHeight+'px');
			$('.row0 .column2').css('height',fullHeight+'px');
			$('.row1 .column1').css('height',fullHeight+'px');
			$('.row2').css('height',fullHeight+'px');
			$('.row2 .column2').css('height',fullHeight+'px');
			$('#togglerContent').css('height',fullHeight+'px');
			var triggerMargin = (fullHeight/2)-47;
			$('.triggerContent').css('margin-top',triggerMargin+'px');
			
			var scrollerHeight = fullHeight-112;
			
			if ($("#scrolled_content").length > 0){
				$("#scrolled_content").css("height",scrollerHeight+"px");
						
				scrollpanelApi.reinitialise();
			}
							
		});
		<!-- possitioning and resizing ends -->
	});