// JavaScript Document
	var ocontainer;
	var ocontent;
	var spaceToScroll;
	$(document).ready(
		function () 
		{
	if ( $('div.container').length ){

			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));
			
			spaceToScroll = contentSize.hb - containerInner.h;
			
			if (spaceToScroll > 20){
			$('div.slider1')
				
				.css('float' , 'right')
                           
				.css('height', containerSize.hb + 'px');
			
			
			
			//$('div.indicator')
                        //        .css('left', '3px')
			//	.css('height', containerInner.h * containerSize.hb / contentSize.hb + 'px')
		
			 $("div.slider1").slider(
				{
					orientation: "vertical",
					value: 100,
					slide : function( event, ui)
					{ 
						ocontent
							.css('top',- ((spaceToScroll - ( spaceToScroll * ui.value / 100)))  + 'px');
					}
				}
			);
			 

				$('div.container')
					.mousewheel(function(event, delta) {
						
						
						var size = ocontent.css('top');
						size = size.substring(0,size.length - 2)
						
						if (delta > 0 && size == 0){
							return;
						}
						if (delta < 0 && size == spaceToScroll){
							return;
						}
						
						var newsize =  parseInt(size) + (delta * 20 );
						if (delta > 0 && newsize > 0){
							newsize = 0 ;
						}
						if (delta < 0 && newsize <= parseInt(-spaceToScroll)){
							newsize = -spaceToScroll;
							
							ocontent 
							.css('top',newsize + 'px');
							$("div.slider1").slider("option", "value", 0)
								
							return;
						}
						ocontent 
						.css('top',newsize + 'px')
						var newScrollSize = $("div.slider1").slider( "option", "value" )  + delta * ((20) /spaceToScroll  ) * 100;
						
						$("div.slider1").slider("option", "value",newScrollSize )
						cancelEvent(event);
						
						if ($("div.slider1").slider( "option", "value" ) < 0)
							$("div.slider1").slider( "option", "value" , 0);
						if ($("div.slider1").slider( "option", "value" ) > 100)
							$("div.slider1").slider( "option", "value" , 100);	
					});
			}else{
				 $("div.slider1").css('display','none');
			}
		}
		}
	);
	function  cancelEvent(e)
	{
	  e = e ? e : window.event;
	  if(e.stopPropagation)
	    e.stopPropagation();
	  if(e.preventDefault)
	    e.preventDefault();
	  e.cancelBubble = true;
	  e.cancel = true;
	  e.returnValue = false;
	  return false;
	}