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

							
		});
		<!-- possitioning and resizing ends -->
	});