/* scrollbar кнопок в действии */
var objectID=null;
var objectSLIDE=null;

var cy=0;
var index_slider=0;
var index=0;
var stopSlide=null;
var roller=null;

function drag()
{
  if (objectID != null)
  {
	 objectID=document.getElementById('show');
	 slider_height = (document.getElementById('slider_move_id').offsetHeight)-10;
	 getHeight = document.getElementById('getBlock').offsetHeight;
	 	if (objectID.offsetHeight > getHeight)
		{
			var summ = objectID.offsetHeight-(getHeight-5);
	 			objectID.style.top=-(summ)+'px';
			objectSLIDE.style.top=339+slider_height+'px';
		} 		
	}
}
	
function drag2()
{
  if (objectID != null)
  {
	 objectID=document.getElementById('show');
	 slider_height = (document.getElementById('slider_move_id').offsetHeight)-10;
	 getHeight = document.getElementById('getBlock').offsetHeight;
	 	if (objectID.offsetHeight > getHeight)
		{
	 		var summ = objectID.offsetHeight-(getHeight-5);
	 		var scroll_pos = slider_height/summ;
	 	 	objectID.style.top=0+'px';
			objectSLIDE.style.top='339px';
		}
	}
}

function enable(evt){
	var evt = (evt) ? evt : event;
	getHeight = document.getElementById('getBlock').offsetHeight;
	objectID=document.getElementById('show');
	if (objectID.offsetHeight > getHeight)
	{
		objectSLIDE=document.getElementById('move_slider');
		if (objectSLIDE != null) cy = evt.clientY - objectSLIDE.offsetTop;
	}
}
function disable(){objectID=null;objectSLIDE=null}

function move_slide(evt)
{
	if (roller!=null)
	{
	var evt = (evt) ? evt : event;
	if (objectSLIDE)
	{
		slider_height = (document.getElementById('slider_move_id').offsetHeight)-10;
		slider = (document.getElementById('move_slider').offsetTop);
		slider_off = (document.getElementById('move_slider').offsetTop);
		getHeight = document.getElementById('getBlock').offsetHeight;
		var summ = objectID.offsetHeight-(getHeight-5);
			
			
				
			var scroll_pos = slider_height/summ;
			if (index_slider <= slider_height)
			{
				var px = (evt.clientY-cy);
				index_slider=px-339;
				if (index_slider > 0) stopSlide=null;
				objectSLIDE.style.top=px+'px';
				if (stopSlide == null)
				{
					if (index_slider < slider_height) objectID.style.top=-(index_slider/scroll_pos);
				}
			}
			
			if (index_slider > slider_height)
			{
				objectSLIDE.style.top=slider_height+339+'px';
				if (objectSLIDE.style.top == slider_height+339+'px') {index_slider=slider_height; objectID.style.top=-(summ)+'px';}
				
			}
			
			if (index_slider < 0)
			{
				objectSLIDE.style.top=339+'px';
				index_slider=0;
				objectID.style.top='0px';
				stopSlide='stop';
			}
	}
}	
}



/* формирование слайдера */
function get_slide()
{
	if (screen.width <= 1024) var height=370;
	if (screen.width == 1152) var height=376;
	if (screen.width == 1280) var height=417;
	//формирование слайда
	var slide = "<div id=slider_move_id class=slider style=height:"+height+"px><img id=move_slider onMousedown=enable(event);roller=true onMouseUp=disable();roller=null src=img/slider.gif width=10 height=10></div>";
    //элементы управления
	var html = 	"<div style=margin-right:10px>";
	html += "<div style=margin-bottom:4px><a onFocus=\"if(this.blur) this.blur()\" href=javascript:void(0) onMouseDown=\"enable(event);drag2()\" onMouseUp=\"disable()\"><img src=img/top_arr.gif width=9 height=8></a></div>";
	var html_bottom = "<div style=margin-top:4px><a onFocus=\"if(this.blur) this.blur()\" href=javascript:void(0) onMouseDown=\"enable(event);drag()\" onMouseUp=\"disable()\"><img src=img/bottom_arr.gif width=9 height=8></a></div></div>";
	
	//вывод результатов
	document.writeln(html+slide+html_bottom);
}

/* формирование скрываемого объета */
function get_field()
{
	if (screen.width <= 1024 ) var height=395;
	if (screen.width == 1280 ) var height=440;
	if (screen.width == 1152 ) var height=400;
    document.writeln("<div id=getBlock style='width:550px;overflow:hidden; height:"+height+"px'>"); 
}


function set_obj()
{
	// установка элемента в нужную кондицию
	var get_slider_height = document.getElementById('slider_move_id');
	var m_slider = document.getElementById('move_slider');
	m_slider.style.top=339+'px';
}