var ocontainer1;
	var ocontainer2;
	var ocontent1;
	var ocontent2;
	var spaceToScroll1;
	var spaceToScroll2;
	$(document).ready(
		function () 
		{
			ocontainer1 = $('div.container1');
			ocontainer2 = $('div.container2');
			ocontent1 = $('div.content1');
			ocontent2 = $('div.content2');
			
			containerSize1 = jQuery.iUtil.getSize(ocontainer1.get(0));
			containerSize2 = jQuery.iUtil.getSize(ocontainer2.get(0));
			containerPosition1 = jQuery.iUtil.getPosition(ocontainer1.get(0));
			containerPosition2 = jQuery.iUtil.getPosition(ocontainer2.get(0));
			containerInner1 = jQuery.iUtil.getClient(ocontainer1.get(0));
			containerInner2 = jQuery.iUtil.getClient(ocontainer2.get(0));
			
			contentSize1 = jQuery.iUtil.getSize(ocontent1.get(0));
			contentSize2 = jQuery.iUtil.getSize(ocontent2.get(0));
			
			$('div.slider1')
				.css('top', containerPosition1.y + 'px')
				.css('left', containerPosition1.x + containerSize1.wb + 'px')
				.css('height', containerSize1.hb + 'px');
			
			spaceToScroll1 = contentSize1.hb - containerInner1.h;
			spaceToScroll2 = contentSize2.hb - containerInner2.h;
			
			//alert(containerInner2.h + " / " + containerSize2.hb + " / " + contentSize2.hb + " / " + containerInner2.h * containerSize2.hb / contentSize2.hb);
			if((containerInner2.h * containerSize2.hb / contentSize2.hb)<containerInner2.h-20){
				$('div.indicator2')
					.css('height', containerInner2.h * containerSize2.hb / contentSize2.hb + 'px');
				$('div.slider2')
					.css('top', containerPosition2.y + 'px')
					.css('left', containerPosition2.x + containerSize2.wb + 'px')
					.css('height', containerSize2.hb + 'px');
				$('div.container2')
					.css('border-bottom','1px solid #EFEFEF');
			}else{
				$('div.slider2')
					.css('display', 'none');
				$('div.indicator2')
					.css('display', 'none');
			}

			//alert(containerInner2.h + " / " + containerSize2.hb + " / " + contentSize2.hb + " / " + containerInner2.h * containerSize2.hb / contentSize2.hb);
			if((containerInner1.h * containerSize1.hb / contentSize1.hb)<containerInner1.h-20){
				$('div.indicator1')
					.css('height', containerInner1.h * containerSize1.hb / contentSize1.hb + 'px');
				$('div.slider1')
					.css('top', containerPosition1.y + 'px')
					.css('left', containerPosition1.x + containerSize1.wb + 'px')
					.css('height', containerSize1.hb + 'px');
				$('div.container1')
					.css('border-top','1px solid #EFEFEF')
					.css('border-bottom','1px solid #EFEFEF');
			}else{
				$('div.slider1')
					.css('display', 'none');
				$('div.indicator1')
					.css('display', 'none');
			}
			
			$('.slider1').Slider(
				{
					accept : '.indicator1',
					onSlide : function( cordx1, cordy1, x1 , y1)
					{
						ocontent1
							.css('top', - spaceToScroll1 * cordy1 / 100 + 'px');
					}
				}
			);
			$('.slider2').Slider(
				{
					accept : '.indicator2',
					onSlide : function( cordx2, cordy2, x2 , y2)
					{
						ocontent2
							.css('top', - spaceToScroll2 * cordy2 / 100 + 'px');
					}
				}
			);
		}
	);