var ocontainer3;
	var ocontainer4;
	var ocontent3;
	var ocontent4;
	var spaceToScroll3;
	var spaceToScroll4;
	$(document).ready(
		function () 
		{
			ocontainer3 = $('div.container3');
			ocontainer4 = $('div.container4');
			ocontent3 = $('div.content3');
			ocontent4 = $('div.content4');
			
			containerSize3 = jQuery.iUtil.getSize(ocontainer3.get(0));
			containerSize4 = jQuery.iUtil.getSize(ocontainer4.get(0));
			containerPosition3 = jQuery.iUtil.getPosition(ocontainer3.get(0));
			containerPosition4 = jQuery.iUtil.getPosition(ocontainer4.get(0));
			containerInner3 = jQuery.iUtil.getClient(ocontainer3.get(0));
			containerInner4 = jQuery.iUtil.getClient(ocontainer4.get(0));
			
			contentSize3 = jQuery.iUtil.getSize(ocontent3.get(0));
			contentSize4 = jQuery.iUtil.getSize(ocontent4.get(0));
			
			$('div.slider3')
				.css('top', containerPosition3.y + 'px')
				.css('left', containerPosition3.x + containerSize3.wb + 'px')
				.css('height', containerSize3.hb + 'px');
			
			spaceToScroll3 = contentSize3.hb - containerInner3.h;
			spaceToScroll4 = contentSize4.hb - containerInner4.h;
			
			if((containerInner4.h * containerSize4.hb / contentSize4.hb)<containerInner4.h-8){
				$('div.indicator4')
					.css('height', containerInner4.h * containerSize4.hb / contentSize4.hb + 'px');
				$('div.slider4')
					.css('top', containerPosition4.y + 'px')
					.css('left', containerPosition4.x + containerSize4.wb + 'px')
					.css('height', containerSize4.hb + 'px');
			}else{
				$('div.slider4')
					.css('display', 'none');
				$('div.indicator4')
					.css('display', 'none');
			}

			//alert(containerInner4.h + " / " + containerSize4.hb + " / " + contentSize4.hb + " / " + containerInner4.h * containerSize4.hb / contentSize4.hb);
			if((containerInner3.h * containerSize3.hb / contentSize3.hb)<containerInner3.h-8){
				$('div.indicator3')
					.css('height', containerInner3.h * containerSize3.hb / contentSize3.hb + 'px');
				$('div.slider3')
					.css('top', containerPosition3.y + 'px')
					.css('left', containerPosition3.x + containerSize3.wb + 'px')
					.css('height', containerSize3.hb + 'px');
			}else{
				$('div.slider3')
					.css('display', 'none');
				$('div.indicator3')
					.css('display', 'none');
			}
			
			$('.slider3').Slider(
				{
					accept : '.indicator3',
					onSlide : function( cordx3, cordy3, x3 , y3)
					{
						ocontent3
							.css('top', - spaceToScroll3 * cordy3 / 100 + 'px');
					}
				}
			);
			$('.slider4').Slider(
				{
					accept : '.indicator4',
					onSlide : function( cordx4, cordy4, x4 , y4)
					{
						ocontent4
							.css('top', - spaceToScroll4 * cordy4 / 100 + 'px');
					}
				}
			);
		}
	);