var ocontainer;
var ocontent;
var spaceToScroll;
$(document).ready(function (){
   ocontainer = $('div.container');
   ocontent = $('div.content');
   
   containerSize = jQuery.iUtil.getSize(ocontainer.get(0));
   containerPosition = jQuery.iUtil.getPosition(ocontainer.get(0));
   containerInner = jQuery.iUtil.getClient(ocontainer.get(0));
   
   contentSize = jQuery.iUtil.getSize(ocontent.get(0));
   
   $('div.slider1')
  	.css('top', (containerPosition.y-280) + 'px')
    //.css('top', (containerPosition.y) + 'px')
   	.css('left',  '230px')
      //.css('left', containerPosition.x + containerSize.wb + 'px')
   	.css('height', containerSize.hb + 'px');
   
   spaceToScroll = contentSize.hb - containerInner.h;
   
   $('div.indicator')
   	.css('height', '90px')
      //.css('height', containerInner.h * containerSize.hb / contentSize.hb + 'px')
   
   $('.slider1').Slider({
		accept : '.indicator',
		onSlide : function( cordx, cordy, x , y){
			ocontent
				.css('top', - spaceToScroll * cordy / 100 + 'px');
		}
	});
});