// NOTE: IN THIS VERSION WE "PLAY" WITH TWO GRUOPS OF DIVS !!!

	var vert_divObjPositionArray;//array of DIV's element position, with which we'll work
	var vert_divObjPositionArray2;//array of DIV's element position, with which we'll work
	var vert_divObjArray;//=new Array();//array of SECOND block of DIV's element, with which we'll work
	var vert_divObjArray2;//=new Array();//array of SECOND block of DIV's element, with which we'll work
	var vert_link_l;//Link Left <--|
	var vert_link_r;//Link right |-->
	var vert_link_u;// Link unuversal
	var vert_link_u_var = 0;//this variable need to work with 'Link unuversal' variable ------ DON'T CHANGE
	var vert_div_over;// = document.getElementById('vert_div_over');
	var vert_div_over2;// = document.getElementById('vert_div_over2');
	
	
	//this variable using in Timer configuration and other ...
	var vert_step=10;//vert_step(px)
	var vert_time_delay=10;//time delay(ms)
	var vert_max_offset=0;//step(px) //DON'T CHANGE
	var vert_max_offset2=0;//step(px) //DON'T CHANGE
	var vert_step_counter=0;//DON'T CHANGE
	var vert_step_counter2=0;//DON'T CHANGE
	var vert_timerID=null;//DON'T CHANGE
	var vert_timerID2=null;//DON'T CHANGE

	var vert_first_div_load = 1;//variable show what div should be loaded first at the start of page ( 0 -> (div_number-1) )
	var vert_div_number = (vert_first_div_load > 1) ? vert_first_div_load-1 : 0; 
	var vert_stop = 1 // Do Not CHANGE

//******************************************************************************************************************
	function vert_fill_div_array(){
		vert_divObjArray=new Array();
		vert_divObjArray2=new Array();
		for(var i=0;i<vert_divNameArray.length;i++)
		{
		   vert_divObjArray.push(document.getElementById(vert_divNameArray[i]));
		   vert_divObjArray2.push(document.getElementById(vert_divNameArray2[i]));
		}

		vert_link_l = document.getElementById('vert_link_l');
		vert_link_r = document.getElementById('vert_link_r');
		vert_link_u = document.getElementById('vert_link_u');
	}
//******************************************************************************************************************
//this function using with 'Link universal' variable
function startU() {
	if(vert_link_u_var == 0) vert_startTR();
	else vert_startTL();
}

//******************************************************************************************************************
function vert_onLoad_html(){
		vert_fill_div_array();
		vert_divObjPositionArray=new Array();
		vert_divObjPositionArray2=new Array();
		var fist_offset=0;//what  div need to load first at the start
		vert_div_over = document.getElementById('vert_div_over');
		vert_div_over2 = document.getElementById('vert_div_over2');
		
		if(vert_first_div_load <= 0) 
		{ 
		   vert_max_offset = vert_divObjArray[0].offsetHeight;//----
		   vert_max_offset2 = vert_divObjArray2[0].offsetHeight;//----
		}
		else
		{
		   vert_max_offset = vert_divObjArray[vert_first_div_load-1].offsetHeight;//----
		   vert_max_offset2 = vert_divObjArray2[vert_first_div_load-1].offsetHeight;//----
		}
		
		vert_div_over.style.height = vert_max_offset+'px';//----
		vert_div_over2.style.height = vert_max_offset2+'px';//----
		
		var first_offset = 0;
		var first_offset2 = 0;
		for(var i=0; i<vert_divObjArray.length; i++) {
			if((vert_first_div_load-1) != i) {
				first_offset+=vert_divObjArray[i].offsetHeight;
				first_offset2+=vert_divObjArray2[i].offsetHeight;
			}
			else { break;}
		}
		if(vert_first_div_load == 0) {first_offset = 0;first_offset2 = 0;}
		
		var divOffset=0;
		var divOffset2=0;
		for(var i=0;i<vert_divObjArray.length;i++){
			
			vert_divObjPositionArray[i] = divOffset-first_offset;
			vert_divObjArray[i].style.top = vert_divObjPositionArray[i]+'px';
			divOffset += vert_divObjArray[i].offsetHeight;
			
			vert_divObjPositionArray2[i] = divOffset2-first_offset2;
			vert_divObjArray2[i].style.top = vert_divObjPositionArray2[i]+'px';
			divOffset2 += vert_divObjArray2[i].offsetHeight;
		}
		
		var firstDiv = vert_divObjPositionArray[0];//first DIV position
		var lastDiv = vert_divObjPositionArray[vert_divObjArray.length-1];// last DIV position
		
		if(vert_link_l) {
			if(lastDiv == 0) vert_link_r.style.visibility = "hidden";
			if(firstDiv == 0) vert_link_l.style.visibility = "hidden";
		}
		
		
		vert_div_over2.style.padding = 0;
		
																								vert_stopping(0);
	}
//******************************************************************************************************************
//this functions need to move DIVs  DOWN
	function vert_stopTL() { if(vert_timerID) clearTimeout(vert_timerID); vert_timerID=null; }
	function vert_stopTL2() { if(vert_timerID2) clearTimeout(vert_timerID2); vert_timerID2=null;}
	
	function vert_startTL() {																			vert_stopping(1);
		for(var i=0; i<vert_divObjArray.length; i++) {
			if(vert_divObjArray[i].offsetTop == 0)	
			{
			  vert_max_offset = vert_divObjArray[i-1].offsetHeight;
			  vert_max_offset2 = vert_divObjArray2[i-1].offsetHeight;

			  vert_div_over.style.height = vert_max_offset+'px';
		      vert_div_over2.style.height = vert_max_offset2+'px';
			}
		}
		vert_stopTL(); vert_moveTL();vert_stopTL2(); vert_moveTL2();						vert_div_number -= 1; setTimeout("vert_stopping(0)",1000); 
	}
	function vert_moveTL() {
	
		var step_cor=(vert_max_offset-vert_step_counter);
		var step_ = vert_step;

		vert_step_counter+=vert_step;
		if(vert_step_counter >= (vert_max_offset+vert_step)) {
			vert_stopTL();
			vert_step_counter=0;
		} else {
			if((step_cor-vert_step) < 0) 
			{
			  step_+=(step_cor-vert_step);
			}
			vert_leftLink(step_);
			vert_timerID=setTimeout("vert_moveTL()",vert_time_delay);
		}
	}
	//************************
	function vert_moveTL2() {
	
		var step_cor2=(vert_max_offset2-vert_step_counter2);
		var step_2= vert_step;

		vert_step_counter2+=vert_step;
		if(vert_step_counter2 >= (vert_max_offset2+vert_step)) {
			vert_stopTL2();
			vert_step_counter2=0;
		} else {
			if((step_cor2-vert_step) < 0) 
			{
			  step_2+=(step_cor2-vert_step);
			}
			vert_leftLink2(step_2);
			vert_timerID2=setTimeout("vert_moveTL2()",vert_time_delay);
		}
	}
	//************************
	function vert_leftLink(step_){

			for(var i=0;i<vert_divObjArray.length;i++){
				vert_divObjPositionArray[i] += step_;
				vert_divObjArray[i].style.top = vert_divObjPositionArray[i]+'px';
				
				var firstDiv = vert_divObjPositionArray[0];//first DIV position
				var lastDiv = vert_divObjPositionArray[vert_divObjArray.length-1];// last DIV position

				//----Link svisibility
				if(vert_link_l) {
					if(firstDiv == 0) { vert_link_l.style.visibility = "hidden"; vert_link_u_var = 0; }
					if(lastDiv > 0) vert_link_r.style.visibility = "visible";
				} else { if(firstDiv == 0) vert_link_u_var = 0; }
			}
	}
	function vert_leftLink2(step_){

			for(var i=0;i<vert_divObjArray2.length;i++){
				vert_divObjPositionArray2[i] += step_;
				vert_divObjArray2[i].style.top = vert_divObjPositionArray2[i]+'px';
			}
	}
//******************************************************************************************************************
//this functions need to move DIVs in the right side OR UP
	function vert_stopTR() { if(vert_timerID) clearTimeout(vert_timerID); vert_timerID=null; }
	function vert_stopTR2() { if(vert_timerID2) clearTimeout(vert_timerID2); vert_timerID2=null; }
	
	function vert_startTR() {																			vert_stopping(1);
		
		for(var i=0; i<vert_divObjArray.length; i++) {
			if(vert_divObjArray[i].offsetTop == 0) {
				vert_max_offset = vert_divObjArray[i].offsetHeight;
				vert_max_offset2 = vert_divObjArray2[i].offsetHeight;
				
				vert_div_over.style.height = vert_divObjArray[i+1].offsetHeight+'px';
				vert_div_over2.style.height = vert_divObjArray2[i+1].offsetHeight+'px';
			}
		}//alert(vert_divObjPositionArray[0]);

		vert_stopTR();vert_moveTR(); vert_stopTR2();vert_moveTR2();						vert_div_number += 1;	setTimeout("vert_stopping(0)",1000); 
	}
	function vert_moveTR() {

		var step_cor=(vert_max_offset-vert_step_counter);
		
		var step_ = vert_step;
		vert_step_counter+=vert_step;

		if(vert_step_counter >= (vert_max_offset+vert_step)) {
			vert_stopTR();
			vert_step_counter=0;
		} else {
			if((step_cor-vert_step) < 0) 
			{ 
			    step_+=(step_cor-vert_step);
			}

			vert_rightLink(step_);
			vert_timerID=setTimeout("vert_moveTR()",vert_time_delay);
		}
		
	}
	function vert_moveTR2() {

		var step_cor2=(vert_max_offset2-vert_step_counter2);
		
		var step_2 = vert_step;
		vert_step_counter2+=vert_step;

		if(vert_step_counter2 >= (vert_max_offset2+vert_step)) {
			vert_stopTR2();
			vert_step_counter2=0;
		} else {
			if((step_cor2-vert_step) < 0) 
			{ 
			    step_2+=(step_cor2-vert_step);
			}

			vert_rightLink2(step_2);
			vert_timerID2=setTimeout("vert_moveTR2()",vert_time_delay);
		}
		
	}
	//************************
	function vert_rightLink(step_){
		
		for(var i=0;i<vert_divObjArray.length;i++){
			vert_divObjPositionArray[i] -= step_;
			
			vert_divObjArray[i].style.top = vert_divObjPositionArray[i]+'px';

			var firstDiv = vert_divObjPositionArray[0];//first DIV position
			var lastDiv = vert_divObjPositionArray[vert_divObjArray.length-1];// last DIV position

			//----Link svisibility
			if(vert_link_l) {
				if(lastDiv == 0) { vert_link_r.style.visibility = "hidden"; vert_link_u_var = 1; }
				if(firstDiv < 0) vert_link_l.style.visibility = "visible";
			} else { if(lastDiv == 0) vert_link_u_var = 1; }
		}
	}
	
	function vert_rightLink2(step_){
		
		for(var i=0;i<vert_divObjArray2.length;i++){
			vert_divObjPositionArray2[i] -= step_;
			
			vert_divObjArray2[i].style.top = vert_divObjPositionArray2[i]+'px';
		}
	}
	
	function vert_recalculate()
	{ 
	   if (!vert_stop)
	   {
	   
		vert_div_over2.style.height = vert_divObjArray2[vert_div_number].offsetHeight+'px'; //alert("This function works");

		var top = vert_divObjArray2[vert_div_number].offsetHeight;
		
		for(var i=1; i<(vert_divObjArray2.length-vert_div_number); i++)
		{
			vert_divObjArray2[vert_div_number+i].style.top = top+'px';
			vert_divObjPositionArray2[vert_div_number+i] = top;
			top += vert_divObjArray2[vert_div_number+i].offsetHeight;

		}
		
		if (vert_div_number>0)
		{
		 
			var bottom = 0;//vert_divObjArray2[vert_div_number-1].offsetHeight;
			for(var i=1; i<=vert_div_number; i++)
			{
				bottom += vert_divObjArray2[vert_div_number-i].offsetHeight;
				vert_divObjArray2[vert_div_number-i].style.top = (0-bottom)+'px';
				vert_divObjPositionArray2[vert_div_number-i] = (0-bottom);

			}
			
		}
		
	 
	 	}// if !stop
	}
	
	function vert_stopping(val)
	{
		vert_stop = (val==1) ? true : false;
	}
//******************************************************************************************************************
//******************************************************************************************************************