/**
 * @author rmieres
 */


var currentStep=0;
var scrollSteps=0;
var slider =null;
var browser=navigator.appName;
var version=navigator.appName;
	
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);


function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	
	//content.getSize().scrollSize.x - content3.getSize().size.x
	var steps = (horizontal?(content.getSize().scrollSize.x - content.getSize().size.x):(content.getSize().scrollSize.y - content.getSize().size.y))
	scrollSteps=steps;
	var delayScrolling=null;
	if (steps<=0){
		scrollbar.style.display='none'; 
		$(scrollbar.id + '_wrap').style.display='none';
		return;
	}else{
		scrollbar.style.display='';
		scrollbar.style.display='none';
		$pulsate(scrollbar.id +'_wrap', 1,500);

		
	}
	
	slider = new Slider(scrollbar, handle, {	
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the 
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(scrollbar.id +'_up').addEvent('click',function(e){
							var step = slider.step - 20;	
							slider.set(step);
							});
	$(scrollbar.id +'_down').addEvent('click',function(e){
							e = new Event(e).stop();
							var step = slider.step + 20;	
							slider.set(step);
							});
							
							
							
	$(scrollbar.id +'_up').addEvent('mouseover',function(e){
							var step = slider.step + 20;	
							 delayScrolling = scrollUp.periodical(50); 			
							});
	$(scrollbar.id +'_up').addEvent('mouseout',function(e){
								$clear(delayScrolling);			
							});
							
	$(scrollbar.id +'_down').addEvent('mouseover',function(e){
							var step = slider.step + 20;	
							 delayScrolling = scrollDown.periodical(50); 			
							});
	$(scrollbar.id +'_down').addEvent('mouseout',function(e){
								$clear(delayScrolling);			
							});
	function scrollDown(){
		slider.set(slider.step + 5);
	}
	function scrollUp(){
		slider.set(slider.step - 5);
	}					
	
	
}
var fxScroll2 =null;

var fxScroll3 =null;
var fxScroll4 =null;
function initScroll(){
	try{
	   
	   if($('level_4_content')){
       		$('scrollbar_level_2_wrap').style.display='none';
       } 
	   
	   makeScrollbar( $('level_2_content'), $('scrollbar_level_2'), $('handle_scrollbar_level_2'));
	   fxScroll2 = new Fx.Scroll('level_2_content', {wait: false,duration: 2000, offset: {'x': -200, 'y': -50}});  
	   makeScrollbar( $('level_3_content'), $('scrollbar_level_3'), $('handle_scrollbar_level_3'));
	   fxScroll3 = new Fx.Scroll('level_3_content', {wait: true,duration: 2000 });
       makeScrollbar( $('level_4_content'), $('scrollbar_level_4'), $('handle_scrollbar_level_4'));
      

       
	   fxScroll4 = new Fx.Scroll('level_4_content', {wait: true,duration: 2000 });
        }catch(err){
        
       }
        
	

}

function goToCurrentItem(event){
  try{
   
   currentStep=$('level_2_current').offsetTop - $('level_2_content').offsetTop;
   
   
   if(currentStep >= 310 ){
   	fxScroll2.toElement('level_2_current');
   	slider.set(currentStep);
   }
   
   currentStep=$('level_3_current').offsetTop - $('level_3_content').offsetTop;
   if(currentStep >= 310){
   		fxScroll3.toElement('level_3_current');
   }
  }catch(err){
  
   }
}



try {
  
  Window.addEvent('domready', initScroll);
  Window.addEvent('domready', goToCurrentItem);
  
 }catch(err){
  //Handle errors here
 }


function fixIEs(){
	
		
	if (browser=="Microsoft Internet Explorer" ){
		
		
		content=$('level_2_content');
		//var steps = content.getSize().scrollSize.y - content.getSize().size.y);
		//alert(content.clientHeight);
		if(content.clientHeight < 320){
			$('scrollbar_level_2').style.display='none';
			$('scrollbar_level_2_wrap').style.display='none';	
		}
	}
  		

}
Window.addEvent('domready', fixIEs);