// JavaScript Document
var ocontainer;
var ocontent;
var spaceToScroll;
$(document).ready(function(){
		//Primer Scroll
		if($("#sub_content").height() > $("#content").height()){			
			ocontainer = $('div.content');
			ocontent = $('div.sub_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.slider').css('top', containerPosition.y + 'px');
			$('div.slider').css('left', containerPosition.x + containerSize.wb + 'px')
			$('div.slider').css('height', containerSize.hb + 'px');

			spaceToScroll = contentSize.hb - containerInner.h;

			$('div.indicator').css('height', containerInner.h * containerSize.hb / contentSize.hb + 'px');

			$('.slider').Slider({
				accept : '.indicator',onSlide : function( cordx, cordy, x , y){ ocontent.css('top', - spaceToScroll * cordy / 100 + 'px'); }
			});		
		}else{			
			$("#indicator").height($("#slider").height());
			$("#slider").addClass("slider2");
		}
		
		//Segundo Scroll
		if($("#sub_content_B").height() > $("#content_B").height()){			
			ocontainer = $('div.content_B');
			ocontent = $('div.sub_content_B');
			
			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.slider_B').css('top', containerPosition.y + 'px');
			$('div.slider_B').css('left', containerPosition.x + containerSize.wb + 'px')
			$('div.slider_B').css('height', containerSize.hb + 'px');

			spaceToScroll = contentSize.hb - containerInner.h;

			$('div.indicator_B').css('height', containerInner.h * containerSize.hb / contentSize.hb + 'px');

			$('.slider_B').Slider({
				accept : '.indicator_B',onSlide : function( cordx, cordy, x , y){ ocontent.css('top', - spaceToScroll * cordy / 100 + 'px'); }
			});		
		}else{			
			$("#indicator_B").height($("#slider_B").height());
			$("#slider_B").addClass("slider2_B");
		}
		
		//Tercer Scroll
		if($("#sub_content_C").height() > $("#content_C").height()){			
			ocontainer = $('div.content_C');
			ocontent = $('div.sub_content_C');
			
			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.slider_C').css('top', containerPosition.y + 'px');
			$('div.slider_C').css('left', containerPosition.x + containerSize.wb + 'px')
			$('div.slider_C').css('height', containerSize.hb + 'px');

			spaceToScroll = contentSize.hb - containerInner.h;

			$('div.indicator_C').css('height', containerInner.h * containerSize.hb / contentSize.hb + 'px');

			$('.slider_C').Slider({
				accept : '.indicator_C',onSlide : function( cordx, cordy, x , y){ ocontent.css('top', - spaceToScroll * cordy / 100 + 'px'); }
			});		
		}else{			
			$("#indicator_C").height($("#slider_C").height());
			$("#slider_C").addClass("slider2_C");
		}
		
		//Cuarto Scroll
		if($("#sub_content_D").height() > $("#content_D").height()){			
			ocontainer = $('div.content_D');
			ocontent = $('div.sub_content_D');
			
			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.slider_D').css('top', containerPosition.y + 'px');
			$('div.slider_D').css('left', containerPosition.x + containerSize.wb + 'px')
			$('div.slider_D').css('height', containerSize.hb + 'px');

			spaceToScroll = contentSize.hb - containerInner.h;

			$('div.indicator_D').css('height', containerInner.h * containerSize.hb / contentSize.hb + 'px');

			$('.slider_D').Slider({
				accept : '.indicator_D',onSlide : function( cordx, cordy, x , y){ ocontent.css('top', - spaceToScroll * cordy / 100 + 'px'); }
			});		
		}else{			
			$("#indicator_D").height($("#slider_D").height());
			$("#slider_D").addClass("slider2_D");
		}	
	}
);