var divObjPositionArray = new Array();//array of DIV's element position, with which we'll work  //--DON'T CHANGE
	var divObjArray;//=new Array();//array of DIV's element, with which we'll work  //--DON'T CHANGE
	var link_l;//Link Left <--| //--DON'T CHANGE
	var link_r;//Link right |--> //--DON'T CHANGE

	var left_offset_ ='15%';// offset from the left side(px - %)
	var right_offset_ = '15%';// offset from the right side(px - %)
	
	var left_offset =0;// offset from the left side(px - %) //--DON'T CHANGE
	var right_offset = 0;// offset from the right side(px - %) //--DON'T CHANGE
	
	var auto_div_view_calcul = 0;// auto calculation of number of visible div 'div_view_number' ( On=1, Off=0)
	var auto_div_view_offset = '30%'; // offseet between divs (when 'auto_div_view_calcul' is checked)
	var div_view_number = 4; // numbers of visible divs - more then 1
	div_view_number-=1;// div_view_number=div_view_number-1 //--DON'T CHANGE
	
	//this variable using in Timer configuration and other ...
	var step=30;//step(px)
	var time_delay=10;//time delay(ms)
	
	var max_offset=0;//step(px) //--DON'T CHANGE
	var step_counter=0;//--DON'T CHANGE
	var timerID=null;//--DON'T CHANGE

	//in this variables storing some DIV values
	var divWidth = 151;//DIV width
	//var divPercentPlaceX=15;//value of div place in percent, relatively of browser's space size // NOT WORKING
	var firstDivX=0;//first DIV position //--DON'T CHANGE
	var lastDivX=0;// last DIV position //--DON'T CHANGE
	var screenWidth=0;//size of browser client space //--DON'T CHANGE
//******************************************************************************************************************
//******************************************************************************************************************
//alert(getNum('tt-123px'))
//function return Number with out  'px'  or other postfix
function getNum(data) {
	var data_=0;
	if(data.match(/\d+\.\d+/)) data_ = parseFloat(data);
	else data_ = parseInt(data);
	
	if(String(data_).match(/NaN/)) data_ = 0;
	
	return data_;
}
//******************************************************************************************************************
function getPercent(var1,var2) {
	var vPercent = Math.floor(var1/100)*var2;
	return vPercent;
}
//alert(getPercent(1440,10))
//******************************************************************************************************************
function calculValue(screenW,varStr) {
	var varV=0;
	if(String(varStr).match(/%/)) varV = getPercent(screenW,getNum(varStr));
	else varV = getNum(varStr);

	return varV;
}

//alert(calculValue(1200,left_offset_))
//******************************************************************************************************************
function screenSize() {//calculate client screen space
      var w, h; // w - width, h - height

      w = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth));
      h = (window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight));
      return {w:w, h:h};
}
//******************************************************************************************************************
function fill_div_array(){
		divObjArray=new Array();
		for(var i=0;i<divNameArray.length;i++) divObjArray.push(document.getElementById(divNameArray[i]));
		//alert(divObjArray.length);
		//for(var i=0;i<divObjArray.length;i++) alert(divObjArray[i].id);
		link_l = document.getElementById('link_l');
		link_r = document.getElementById('link_r');
	}
//******************************************************************************************************************
function onLoad_html() {

	fill_div_array();
	
	screenWidth = screenSize().w;
	
	//-----< set left and right offset
	//verify on '%' postfix
	left_offset = calculValue(screenWidth,left_offset_);
	//verify on '%' postfix
	right_offset = calculValue(screenWidth,right_offset_);
	//-----> set left and right offset

	if(auto_div_view_calcul == 1) {
		var corScreenWidth = (screenWidth-divWidth-left_offset-right_offset);
		var dOffset = calculValue(corScreenWidth,auto_div_view_offset);
		var dNum = Math.floor(corScreenWidth/dOffset);
		div_view_number = dNum;
	}


	var divViewNumber = div_view_number;// divViewNumber=divViewNumber-1 
	max_offset = Math.floor((screenWidth-divWidth-left_offset-right_offset)/divViewNumber);
	//var max_offset_ = ((screenWidth-divWidth-left_offset-right_offset)/divViewNumber);


	var allDivNumber = divObjArray.length;
	var a = Math.floor((allDivNumber-(divViewNumber+1))/2);
	var left_dis_offset = Math.floor(a*max_offset)*(-1);
	
	for(var i=0; i< divObjArray.length; i++) {
		divObjPositionArray[i] = max_offset*i+left_dis_offset+left_offset;
		divObjArray[i].style.left = divObjPositionArray[i]+'px';
		divObjArray[i].style.width = divWidth+'px';
		
		
		if(((divObjPositionArray[i]) < left_offset) || (divObjPositionArray[i] > (screenSize().w-divWidth-right_offset))) {
				if(divObjArray[i].style.display != 'none') divObjArray[i].style.display = 'none';
		}
		else { if(divObjArray[i].style.display != 'block') divObjArray[i].style.display = 'block'; }
		
	}
	
	firstDivX = divObjArray[0].style.left;
	lastDivX = divObjArray[divObjArray.length-1].style.left;
	//alert(getNum(firstDivX)+' | '+lastDivX);
	
	if(getNum(firstDivX) < left_offset) link_l.style.visibility = "visible";
	else link_l.style.visibility = "hidden";
	
	if(getNum(lastDivX) > (screenWidth-right_offset)) link_r.style.visibility = "visible";
	else link_r.style.visibility = "hidden";
}
//******************************************************************************************************************
//this functions need to move DIVs in the left side
	function stopTL() {  if(timerID) clearTimeout(timerID); timerID=null; }
	function startTL() { stopTL(); moveTL(); }
	function moveTL() {
		var step_cor=(max_offset-step_counter);
		var step_ = step;
		//alert(step_cor)
		step_counter+=step;
		if(step_counter >= (max_offset+step)) {
			stopTL();
			step_counter=0;
		} else {
			if((step_cor-step) < 0) step_+=(step_cor-step);
			leftLink(step_);
			timerID=setTimeout("moveTL()",time_delay);
		}
		
	}
	//************************
	function leftLink(step_){

			for(var i=0;i<divObjArray.length;i++){
				divObjPositionArray[i] += step_;
				divObjArray[i].style.left = divObjPositionArray[i]+'px';
				
				if(((divObjPositionArray[i]) < left_offset) || (divObjPositionArray[i] > (screenSize().w-divWidth-right_offset))) {
					if(divObjArray[i].style.display != 'none') divObjArray[i].style.display = 'none';
				}
				else { if(divObjArray[i].style.display != 'block') divObjArray[i].style.display = 'block'; }

				var firstDiv = divObjPositionArray[0];//first DIV position
				var lastDiv = divObjPositionArray[divObjArray.length-1];// last DIV position
				screenWidth = screenSize().w;//size of browser client space

				if(firstDiv >= left_offset) link_l.style.visibility = "hidden";
				if(lastDiv > (screenWidth-divWidth-right_offset)) link_r.style.visibility = "visible";
			}
	}
//******************************************************************************************************************
//this functions need to move DIVs in the right side
	function stopTR() { if(timerID) clearTimeout(timerID); timerID=null; }
	function startTR() { stopTR(); moveTR(); }
	function moveTR() {

		var step_cor=(max_offset-step_counter);
		//alert(step+" | "+step_counter+" : "+max_offset+" || "+step_cor)
		var step_ = step;
		step_counter+=step;

		if(step_counter >= (max_offset+step)) {
			stopTR();
			step_counter=0;
		} else {
			if((step_cor-step) < 0) step_+=(step_cor-step);
			//alert(step_counter+" | "+step_+" || "+step_cor)
			rightLink(step_);
			timerID=setTimeout("moveTR()",time_delay);
		}
		
	}
	//************************
	function rightLink(step_){
		
		for(var i=0;i<divObjArray.length;i++){
			divObjPositionArray[i] -= step_;
			divObjArray[i].style.left = divObjPositionArray[i]+'px';
			
			if((divObjPositionArray[i] < left_offset) || (divObjPositionArray[i] > (screenSize().w-divWidth-right_offset))) {
					if(divObjArray[i].style.display != 'none') divObjArray[i].style.display = 'none';
			}
			else { if(divObjArray[i].style.display != 'block') divObjArray[i].style.display = 'block'; }

			var firstDiv = divObjPositionArray[0];//first DIV position
			var lastDiv = divObjPositionArray[divObjArray.length-1];// last DIV position
			screenWidth = screenSize().w;//size of browser client space

			if(firstDiv < left_offset) link_l.style.visibility = "visible";
			if(lastDiv <= (screenWidth-divWidth-right_offset)) link_r.style.visibility = "hidden";
		}
	}
//******************************************************************************************************************

function test() {
	//var screenW = screenSize().w;
	//setDivs();
	//alert(screenW);
	//alert(divObjArray[0].style.left);
	alert(getNum(lastDivX)+' | '+(screenWidth-right_offset))
}