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 bgImageHeight = $('#supperWrapper').height() - $('#footer').height();
		var contentsHeight = $('#supperWrapper').height() - $('#footer').height() - $('#header').height();
		var contentsCol1Height = contentsHeight - 50;
		var scrollerHeight= contentsCol1Height - 119;
		
		$(".row2").css("height",bgImageHeight+"px");
		$(".row1").css("height",contentsHeight+"px");
		$(".row1 .column1").css("height",contentsCol1Height+"px");
		
		if ($("#scrolled_content").length > 0){
			$("#scrolled_content").css("height",scrollerHeight+"px");
				
			scrollpanelApi.reinitialise();
		}
		
		$(".trigger1 a").click();
				
		$(window).bind('resize', function(){
										  
			bgImageHeight = $('#supperWrapper').height() - $('#footer').height();
			contentsHeight = $('#supperWrapper').height() - $('#footer').height() - $('#header').height();
			contentsCol1Height = contentsHeight - 50;
			scrollerHeight= contentsCol1Height - 119;
		
			$(".row2").css("height",bgImageHeight+"px");
			$(".row1").css("height",contentsHeight+"px");
			$(".row1 .column1").css("height",contentsCol1Height+"px");
			
			if ($("#scrolled_content").length > 0){
				$("#scrolled_content").css("height",scrollerHeight+"px");
						
				scrollpanelApi.reinitialise();
			}
							
		});
		<!-- possitioning and resizing ends -->
	});